Metronics in ASP.net zero core + angular #3124 | Support Center

wilfredyeo created 7 years ago

How to use Metronics in ASP.net zero core + angular? Do I have do it manually?

8 Answer(s)

0
ismcagdas created 7 years ago
Support Team
Hi,

AspNet Zero is build with Metronic theme, you can use it without doing anything. But if you are talking about some metronic components, we didn't include all metronic components by default.

If the component you want to use is not in AspNet Zero (you can check .angular-cli.json), you can install it using npm. For example :

npm instal [nameOfComponent'sPackage] --save

Then include it's css and js files to .angular-cli.json and you can use it in your project. A Note: some libraries might not contain type definitions, you might need to install them seperately or if it does not exists, you need to define it like we do it in here <a class="postlink" href="https://github.com/aspnetzero/aspnet-zero-core/blob/dev/angular/src/typings.d.ts">https://github.com/aspnetzero/aspnet-ze ... pings.d.ts</a>.

Thanks.
0

wilfredyeo created 7 years ago

Metronic has several layouts. how do i change the layout with different colour?

Thanks.

alirizaadiyahsi created 7 years ago

Hi,

You can check metronic site to find how you use metronic features. You can change the following refrences to change theme.


    <link href="../assets/layouts/layout4/css/layout.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/layouts/layout4/css/themes/default.min.css" rel="stylesheet" type="text/css" id="style_color" />
    <link href="../assets/layouts/layout4/css/custom.min.css" rel="stylesheet" type="text/css" />

0

wilfredyeo created 7 years ago

I understand that, but in which file is it? I can't locate the file which has the default style.
0

alirizaadiyahsi created 7 years ago

For admin side:

~\MyCompanyName.AbpZeroTemplate.Web.Mvc\Areas\AppAreaName\Views\Layout_Layout.cshtml

Also for staging environmet, you should add to bundleconfig, too:

~\MyCompanyName.AbpZeroTemplate.Web.Mvc\bundleconfig.json

And check this (general approach): <a class="postlink" href="http://keenthemes.com/forums/topic/aspnetzero-starter-kit-for-your-next-net-web-application-based-on-metronic/#post-6751">http://keenthemes.com/forums/topic/aspn ... #post-6751</a>
0

wilfredyeo created 7 years ago

I'm using Angular.
0

alirizaadiyahsi created 7 years ago

They are set in these file:

aspnet-zero-core\angular\src\shared\helpers\LocalizedResourcesHelper.ts aspnet-zero-core\angular.angular-cli.json
0

wilfredyeo created 7 years ago

Thank you!

Have an answer to this question? Log in and write your answer.