Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Assistance with Layout Builder in Metronic + Laravel


Dear Metronic Support Team,

I hope this message finds you well. I am currently using your Metronic solution along with Laravel and have encountered some difficulties regarding the use of the Layout Builder. I have managed to customize a specific layout and downloaded these modifications, but I am uncertain about the process of applying these changes to my project.

Could you please guide me on how to effectively use the Layout Builder within the context of Metronic combined with Laravel? Specifically, I would like to know:

What are the steps to integrate the customizations made in the Layout Builder into my Laravel project?

Is there any specific procedure or recommendations for applying layout modifications efficiently and safely?

I am eager to explore the full potential of Metronic in my project, and I believe these guidelines would be immensely helpful. Thank you in advance for your assistance and I look forward to your prompt response.

Best regards,
Samuel Olavo


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)


Hi Samuel Olavo,

Thank you for reaching out. Apologise for the delay in response.

Begin by familiarizing yourself with the theme's file structure. Check the theme documentation for insights into the files structure. Examine the 'index.html' template to identify the CSS and JS files included in the template head and foot.

Use the Layout Builder to prepare your HTML template. For instance, if you're using 'demo1', visit the online preview of the demo here:
https://preview.keenthemes.com/metronic8/demo1/layout-builder.html .

The Layout Builder enables you to configure the layout with available options and preview changes. Once satisfied with your configuration, download the HTML code by clicking the "Export" button at the bottom of the page. The export package will contain the HTML template along with structured includable partials (header, aside, footer, etc.) suitable for server-side integration.

Integrate the master layout and all menus and navigation into your Laravel project. This can serve as the foundational structure for your application.

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.

If you have any specific questions or concerns, feel free to let us know.


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  :(