I made a Microsoft Model driven application I need to integrate third party libraries like Bootstrap etc. Is there any way to customize css or support for the third party libraries for the application?
You can upload the custom css file as Dynamics CRM (aka Model driven PowerApps) web resources and use them as needed further.
Same way, third party libraries like Bootstrap JS, css files also can be uploaded as CRM web resource files, some people prefer the cdn files as well.
Read my other answer
Related
I am beginner to Angular. i do not know how do support a website for multilingual using angular 11.And i have some dynamic contents in the website .I want this to include the multilingual support. can anyone please help me
There are different solutions. You can use angular built in i18n (https://angular.io/guide/i18n-overview). But it requires handling bundles with server because angular i18n creates separate bundle for each language you want in your application. For example, if user switches to english you should load bundle for english language and reload the page and same for other languages.
Another one is Transloco (https://ngneat.github.io/transloco/) which is popular. It will allow you change i18n in runtime without creating multiple bundles. You need to configure app to work with this package and create json files with keys and translated values for each language. Transloco has good documentation and examples.
Another popular is ngx-translate (https://github.com/ngx-translate/core) which works similar to Transloco.
Also if your project is small you can handle translations manually (update/add new ones) but in case of large project better way is to upload i18n resource files to 3rd party services where translator will translate everything and you can then import translated files to your project.
So it depends of your project which one to select but you can compare advantages and disadvantages and choose necessary.
What is the recommended and supported way to style CRM web resources to look consistent with regular CRM forms, views and dialogs?
Presumably you would not reference the same styles that CRM is using as that would be unsupported, however are there a set of styles that can be referenced out-of-the-box to save time over writing yourself.
It's not CRM specific, but if you are looking into a framework, OfficeUI fabric might be a good choice or starting point: http://dev.office.com/fabric
And there are AngularJS 1.x directives and React components for OfficeUI farbic, in case you use one of these frameworks.
If you are using anything before CRM 2013 you can find style sheets provided in the SDK downloads, otherwise have a look at: Microsoft Dynamics CRM 2013 CSS Style Reference using Browser Developer Tools.
Microsoft Dynamics CRM designers and developers may have noticed that
a Style Guide for Microsoft Dynamics CRM 2013 was not released in the
CRM 2013 SDK (Software Development Kit), though Style Guides were
sometimes released in prior versions of the Dynamics CRM SDK.
Developers want to have reusable CSS files (Cascading Style Sheets)
that they can reference to achieve the same look and feel as our
application. The product does not provide these resources. We also do
not support referencing the CSS files used in our application, because
these files can change without notice via Update Rollup or Service
Pack installations, or major version upgrades, and affect the UI of
anyone referencing (reusing) them.
Here we describe a technique which allows you to create a reference
page which includes copies of CSS files used in the application.
The article then describes how you should use a web debugger to basically copy/paste the CRM style implementations.
The CSS's used by Dynamics CRM/365 depend on the (rather messy) HTML layout of its web pages. This makes them less suitable as a foundation for a clean layout framework.
Some years ago I chose Bootstrap as my preferred layout framework and configured it to resemble the Dynamics CRM layout as close as possible. This still works great for me.
You can now use Stylus plugin, and it will work on phones to.
With this you can add your own style to.
https://userstyles.org/styles/160949/dynamics-crm-365-custom-css-8-2-2-112-exclusive
On phones only Firefox right now.
Type Ex URL
https://crm2016.domain.local/ORGANISATION/main.aspx
main.aspx is the important part.
I'm new to ASP.NET programming and I'm using Visual Studio 2013 Ultimate.
When I create a web form the controls look like this.
But when the Visual Studio auto-creates web forms, they look smooth and shiny like this.
How can I create such smooth/beautiful web forms? What topic should I study?
Thanks a lot.
You need to learn the building blocks of awesome looking web-sites, and those blocks are called JavaScript and CSS, but more importantly HTML, and now HTML5. Then you can look into Bootstrap, Foundation, etc... and see/learn how they use those building blocks to render/design awesome looking interfaces that not only look good on desktop web-browsers, but even mobile web-browsers on Android and iPhones. For example, if you utilize Bootstrap to build your ASP.NET application you will not only build for desktop web-browsers but even for mobile platforms, so your work will look great on most mobile/tablet devices.
Then you can kick it up a notch and get fancy with HTML5 and build/tie interactive graphics to your application using something like KineticJS. Then go further and learn Signal R or XSockets.NET to build real-time interactive web applications using the power of WebSockets and WebAPI. With that power you can go even further and add real-time Video and Audio interaction to your web applications using WebRTC.
In short, to make things fancy you need to manipulate and utilize the power of the Web-Browser, since your entire user interface components are rendered on the client-side. So, you must learn HTML, JavaScript, and CSS to do magic! The standards of the Web and the power of modern Web-Browsers are growing at exciting rates, and so you must follow if you plan to develop web applications that will be virtually accessed from anywhere!
Since version 2013, Visual Studio has integrated Bootstrap to make forms look shiny and smooth. However, do not expect Visual Studio to keep-up with new User Interface paradigms, components and types of interactions. Yes, Visual Studio helps you design applications using C#/VB.NET etc... But it is up to your creativity and of course customer requirements to build awesome looking work.
Look at where HTML5 is going:
The second link you have ASP.NET is using Twitter BootStrap for its styling
BootStrap
This is a front-end framework with a bunch of CSS and Javascript to aid you in creating nice looking websites. There are other front-end frameworks such as Foundation.
If you want to do it yourself you will need to look into CSS styling rules. There are many resources for learning how to do your own CSS (some free, some paid).
Treehouse
CodeCademy
Code School
These should help you get started.
you should learn HTML and CSS then use them on your ASP.NET forms.
That particular ASP.NET web form that you posted is using bootstrap as a main css, which you could find HERE
Given:
I am part of a team converting/rebuilding nearly 150 small ASP Classic, ASP.NET, & ASP.NET MVC intranet applications into a new single custom intranet application architecture solution. We are targeting ASP.NET MVC 5. The individual legacy apps will be converted to individual build-able product projects within the new solution/architecture.
Goal:
My goal is to provide a vision for the User Interface asset management and references. This vision should incorporate shared assets, as well as unique product assets.
Questions:
For ease of deployment, I am considering a fairly flat shared UI project. Then, for unique project asset needs, I was considering keeping them in their respective projects, rather than housing them in the UI project, somehow nested/organized by product. Are there any opinions or concerns that I should consider with this approach?
Thanks,
Levi
While this question begs for further clarification I will outline the strategy that worked for me while working for a large healthcare provider and had a similar daunting task.
CSS & Images
Use an assets domain to host css and images ( http://assets.mycompany.org )
If an assets domain is unavailable leverage IIS virtual directories
to implement something like: http://mycompany.org/assets or
http://mycompany.org/shared/assets at the global level.
Adopt product/project named stylesheets to easily identify over-rides within your architecture
\my-org-root
\my-org-root\assets\my-org-global.css
# This is the global stylesheet that gets included for every HTML request
\my-org-root\project-apples
\my-org-root\project-apples\assets\css\apples.css
\my-org-root\project-pears
\my-org-root\project-pears\assets\css\pears.css
\my-org-root\product-animals
\my-org-root\product-animals\assets\css\animals.css
\my-org-root\product-animals\lions\assets\css\lions.css
\my-org-root\product-animals\tigers\assets\css\tigers.css
This won't come as a surprise: use Sass. It will help maintain consistency and keep you from having an embolism.
Leverage partials as often as possible
Html.RenderPartial("~/Views/Shared/_Product.cshtml", product);
Aggressively hunt down and destroy inline styles.
Be prepared to do a lot of cleanup.
Files & Video
If you have to support file uploads or self-hosted videos there are a handful of ways to proceed but they will largely be determined by your security policy. Ideally, I'd recommend a hosted, secured solution like Amazon's S3. These keeps BLOBS outside of your problem domain and keeps you focused on UI-based files. If you cannot use a hosted solution then you'll need the assets directory strategy all the more.
\my-org-root\project-apples
\my-org-root\project-apples\assets\video\FILE-ID-REF.ext
\my-org-root\project-apples\assets\files\2014\1\22\FILE-ID-REF.ext
# or, perhaps more simply
\my-org-root\project-apples\assets\files\FILE-ID-REF.ext
Need clarification? Just ask.
I am learning Spring 3.x MVC. I now have a regular web page setup with built in css in the html.
My first question - where should I store external css files and link them with the html files and still keep the L18n option available in the future? Should I keep the css in the WEB-INF/resources/css and make the resource directly available? But would it eliminate the L18n option?
My second question - to query a database, I have a query template XML file. I need to load the template into my model and modify a few keywords and send it through the database api. First thing that came to my mind is to put the keywords into something like ${keywords} in the template (like how the views are resolved), but I am not sure where to store the XML file (in the classpath? or in the web-inf?)? and how to set the variable in the template XML from my model?
Thanks,
Jason
It seem like you have two separate questions here.
In regards to CSS location, I'd recommend to try out Spring Roo tool. You can quickly generate a working web application with l18n support and number of other advanced features. This application could serve as a foundation for your own app or you can study its structure to learn many good practices for building Spring web applications.
In regards to your second question it is unclear what you want to substitute and at what time (i.e. deployment time or runtime) and also unclear what SQL templates you are using. I'd recommend to use iBatis/MyBatis framework, which has great integration with Spring and advanced templating support. There you can load your Spring contexts and template xmls from the Java application classpath.