using content from Metronic website - which css and scripts #3811

11 Answer(s)

• 

  0

  ismcagdas created 6 years ago

  Support Team

  Hi @Mdonogma,

  I assume you want to create a similar page the one you have shared a link. If so, we didn't include profile.css into AspNet Zero solution. Adding it to your page might solve your problem. If it does not, you can compare included css files and add missing ones to your page.

  Thanks.

  Save Cancel
• 

  0

  mdonogma created 6 years ago

  <cite>ismcagdas: </cite> Hi @Mdonogma,

  I assume you want to create a similar page the one you have shared a link. If so, we didn't include profile.css into AspNet Zero solution. Adding it to your page might solve your problem. If it does not, you can compare included css files and add missing ones to your page.

  Thanks.

  Why do t you just include all the Medtronic .css files. That way developers won't have to log requests like this. My assumption is since your documentation says Medtronic them added is that all the relevance metronic .css and other artefacts are built in.

  What else is missing?

  Save Cancel
• 

  0

  ismcagdas created 6 years ago

  Support Team

  Hi @Mdonogma,

  I understand your point but some other developers don't want this. We got such requests before to exclude even some of existing metronic files included in AspNet Zero.

  Since we are selling the source code, it is easy to include needed metronic files when you are developing a custom page.

  Have you solved your problem by the way ?

  Thanks.

  Save Cancel
• 

  0

  strix20 created 6 years ago

  <cite>Mdonogma: </cite>

  <cite>ismcagdas: </cite> Hi @Mdonogma,

  I assume you want to create a similar page the one you have shared a link. If so, we didn't include profile.css into AspNet Zero solution. Adding it to your page might solve your problem. If it does not, you can compare included css files and add missing ones to your page.

  Thanks.

  Why do t you just include all the Medtronic .css files. That way developers won't have to log requests like this. My assumption is since your documentation says Medtronic them added is that all the relevance metronic .css and other artefacts are built in.

  What else is missing?

  Because Metronic is an incredibly bloated front end framework, and if they included everything despite not needing it, everyone would end up with an application that loaded more slowly and took up more memory than was necessary.

  Part of their goal in provided Asp.Net Zero as a template is to provide a starting point for a multi-tenant SaaS application that follows best practices from the ground up.

  Including unnecessary bloat is not best practice.

  They do, however, provide you with the entire source of the Metronic UI, so you are free to incorporate any part of it that they have not included. You can find the link here:

  <a class="postlink" href="https://github.com/aspnetzero/aspnet-zero/releases">https://github.com/aspnetzero/aspnet-zero/releases</a>

  The latest version of Metronic that is incorporated in Asp.Net Zero is 4.7.5, and can be found in the download section of Asp.Net Zero Release 4.1.

  Save Cancel
• 

  0

  ismcagdas created 6 years ago

  Support Team

  Thanks @strix20, that is the exact reason :).

  Save Cancel
• 

  0

  geovanimartinez created 6 years ago

  What is the best practice for including these additional scripts on a needed basis? I want to add the Searc.css and Search.js

  Do i place each file in the respective path shown below?

  src\solution.Web.Mvc\wwwroot\Common\Scripts
  src\solution.Web.Mvc\wwwroot\Common\Styles\

  Or do I create a "Search" directory in src\solution.Web.Mvc\wwwroot\view-resources\Areas\App\Views\ and then put both the Search.css and Search.js in that directory?

  What is the best practice you recomend?

  Save Cancel
• 

  0

  aaron created 6 years ago

  Support Team

  Put them in:

  • src\solution.Web.Mvc\wwwroot\metronic\assets\search\css
  • src\solution.Web.Mvc\wwwroot\metronic\assets\search\scripts You can see the other components in metronic\assets with a similar structure.

  Save Cancel
• 

  0

  dparizek created 6 years ago

  and with the Angular/Core version, where should we add additionalJS/CSS files/frameworks that we wish to add? I see .Web.Host/src/assets and a primeng folder under there.

  If I want to add another primeng component, I add it there? and then add import to main.module.ts. Anyone know how to get primeng just parts as in the primeng folder? On the install page for primeng, it only details installing the full thing... <a class="postlink" href="https://www.primefaces.org/primeng/#/setup">https://www.primefaces.org/primeng/#/setup</a>

  ok, in package.json the full thing is listed.

  but aspnetzero angular app appears to only include autocomplete, datatable, and file-upload in assets folder. So better to include only what is needed - can anyone point me to how to install just parts of primeng?

  or is there any documentation on dealing with js/css/font assets?

  Thanks for your patience with my newbie questions!

  Save Cancel
• 

  0

  ismcagdas created 6 years ago

  Support Team

  @dparizek the style files in the primeng folder are just for customization. They are not from primeng, our team created those files.

  So, if you want to use another component from PrimeNg, you just need to import it into your module and then you can use it in the html/ts files. You can check the usages of PrimeNG components here <a class="postlink" href="https://www.primefaces.org/primeng/#/">https://www.primefaces.org/primeng/#/</a>.

  Save Cancel
• 

  0

  mika created 6 years ago

  <cite>dparizek: </cite> So better to include only what is needed - can anyone point me to how to install just parts of primeng?

  <cite>ismcagdas: </cite> So, if you want to use another component from PrimeNg, you just need to import it into your module and then you can use it in the html/ts files. You can check the usages of PrimeNG components here <a class="postlink" href="https://www.primefaces.org/primeng/#/">https://www.primefaces.org/primeng/#/</a>.

  Yes you can Import, if the component was already installed. But is there a way to install new Primeng components, e. DataView that is not installed <a class="postlink" href="https://www.primefaces.org/primeng/#/dataview">https://www.primefaces.org/primeng/#/dataview</a>

  Save Cancel
• 

  0

  ismcagdas created 6 years ago

  Support Team

  Hi @Mika,

  According to this blog post, <a class="postlink" href="https://www.primefaces.org/primeng-5-2-1-released/">https://www.primefaces.org/primeng-5-2-1-released/</a>, DataView component is intoduced in v5.2.1 but we are currently using 4.x version of PrimeNG. We are planning to update PrimeNg to 5.x in our 5.4 release.

  We are also planning to replace existing datatable with the new one.

  As far as I know, you can update PrimeNG to 5.2.1 and it should be compatible with 4.x versions but I might be wrong. You can give it a try. If it works, you can use DataView component as well.

  Save Cancel