Base solution for your next web application
Open Closed

Metronics in ASP.net zero core + angular #3124

User avatar
0
wilfredyeo created

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

Go to accepted answer
8 Answer(s)
  • User Avatar
    0
    ismcagdas created
    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.

  • User Avatar
    0
    wilfredyeo created

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

    Thanks.

  • User Avatar
    0
    alirizaadiyahsi created

    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" />
  • User Avatar
    0
    wilfredyeo created

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

  • User Avatar
    0
    alirizaadiyahsi created

    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>

  • User Avatar
    0
    wilfredyeo created

    I'm using Angular.

  • User Avatar
    0
    alirizaadiyahsi created

    They are set in these file:

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

  • User Avatar
    0
    wilfredyeo created

    Thank you!

Assignee
No one
Labels
Non yet