Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Angular Template Layout


HI,

I'm developing a web application using the Angular “demo1” template, from Metronic 8.
In this application, I would like to create a specific page with a different layout to the template's default layout. In this case, I'd like to use the layout of the “demo64” HTML template.

Can you help me?


user
Thomás Henrique 1 year ago
Angular Metronic Bootstrap 5
2 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

user
Donnellyson Scaife 1 year ago

If you're working with the Angular "demo1" template from Metronic 8 and want to implement a different layout like the "demo64" HTML template, you can customize the layout by modifying the routing and structure in your Angular project. You might need to create a new layout component and adjust the module configurations accordingly. Think of it like using Kamaikendra Mod App, where customization gives you a tailored experience beyond the default settings. By carefully structuring your components and styles, you can achieve a seamless integration of multiple layouts within your application.


user
Faizal Author 1 year ago

Hi Thomás Henrique,

We currently do not provide an Angular version for Demo 64. However, you can create a new Angular project and integrate the HTML version manually.

You can extract the necessary assets from the HTML version of Demo 64 and use the Layout Builder to download the layout partials, including the header, footer, sidebar, and content area. These can then be manually integrated into your Angular project.

You can access the Layout Builder here:

http://preview.keenthemes.com/metronic8/demo64/layout-builder.html

Let me know if you need any further guidance!

Best regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(