Base solution for your next web application
Open Closed

How to use Material UI #1475


User avatar
0
hikepos created

Hi

can you please guide me how to use some of Angular material UI features like tabs, Accordions & Navs etc... as i checked your demo site "http://keenthemes.com/preview/metronic/theme/admin_4_material_design/ui_tabs_accordions_navs.html" I didn't found any Angular material features like I mentioned in first line, though I found some of material form components.

I am glad if you Can you guide me how I can use material UI features.

thanks


1 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    AspNet Zero uses metronic admin4 material theme, but this theme is not angular material. It just uses angularjs and material design (css part).

    Do you want to use angular material <a class="postlink" href="https://material.angularjs.org/latest/">https://material.angularjs.org/latest/</a> ? If so, you need to include angular material javascript and css files to AspNet Zero solution. You can take a look at here for example <a class="postlink" href="https://material.angularjs.org/latest/getting-started">https://material.angularjs.org/latest/getting-started</a>.

    Then you need to include 'ngMaterial' in app.js like below

    var appModule = angular.module("app", [
        "ui.router",
        ........
        "ngMaterial"
    ]);
    

    Then you can use angular material components in your project.

    A note: We didn't try angular material with AspNet Zero, there might be some css or javascript errors when you do it. We can also help you with that.