Metronics in ASP.net zero core + angular #3124

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.

  Save Cancel
• 

  0

  wilfredyeo created 7 years ago

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

  Thanks.

  Save Cancel
• 

  0

  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" />
  
  

  Save Cancel
• 

  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.

  Save Cancel
• 

  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>

  Save Cancel
• 

  0

  wilfredyeo created 7 years ago

  I'm using Angular.

  Save Cancel
• 

  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

  Save Cancel
• 

  0

  wilfredyeo created 7 years ago

  Thank you!

  Save Cancel