how to use metronic theme in our angular application

Hi,

If you already have an existing Angular application and wanted to change the template, it is recommended to use the HTML version and integrate the HTML into your existing Angular application.

1. The first thing to do is to learn the file structure of the theme. You can check in the documentation for file structure; https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/file-structure.html You can go to the index.html template and check the CSS and js included in the template head and foot. Once you fully understand what are CSS and js files to include in each page of your application the rest will be quite easy. So please go to index.html and check the code.

2. You can use the layout builder to prepare your HTML template. For example, if you want to use the demo12 you can go to the online preview of the demo:

https://preview.keenthemes.com/metronic/demo1/ and click the "Layout Builder" link below the "Dashboards" submenu in the left side menu. Then you will land on the layout builder page: https://preview.keenthemes.com/metronic/demo1/builder.html

The layout builder helps you to configure the layout with available options and preview in real-time. Once you decide what configuration you like to use you can download the HTML code of your preferred configuration. To do so go to the bottom of the page and find the "Export" button and you will get a package containing the HTML template and with the partials(header, aside, footer, etc) that can be used for your server-side integration. The export package provides you with only the HTML code with structured includable partials that are perfect for server-side integration. The assets can be included in your local download version.

3. Once you integrated the master layout and all the menus and navigation you can proceed with your inner pages by referring to the original theme demos.

4. Also as the main reference to the available features, you can refer to the demo pages source code for each feature.

If you need any further help, please let us know.

Please send your request to hire us form. https://keenthemes.com/hireus

Thanks