Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI
Light
Dark
System
Ask  Question

Metronic8 Demo13 Layout Builder Help


Hi,

I need help in rebuilding metronic8 demo13 to the below config

Header Width = Fixed
Toolbar Width = Fixed
Aside Display = Off
Aside Theme = Dark
Content Width = Fixed
Footer Width = Fixed


https://preview.keenthemes.com/metronic8/demo13/layout-builder.html

I have been trying to build it to no avail.

Please can any one help?


G
Guest 6 months ago
Metronic HTML
1 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)

user
Sean Author6 months ago

Hi,

We have tried to set the above settings and did an online preview of the layout and it worked well. Also, we tried to export the HTML layout code and all was OK. Please note that you will need to click the export buttons to export the HTML code and integrate it within your app. The layout builder only provides the HTML code with partials. You can use it with your local Metronic assets. Please note that your local code should use the latest Metronic v8.2.7 to make it compatible with the Layout builder generate code which uses the latest Metronic 8.

If you need any further clarifications please do let us know.

Regards,
Sean


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Buy
logoMetronic Mega Theme
logoShoplit Next.js Boilerplate
logoMetronic ASP.NET
logoStar HTML Pro
Browse Products
Bootstrap TemplatesReact TemplatesBoilerplatesVectorsFreebies
StudioHelp
More
FAQs
Contact
Blog
Tutorials