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

Page builder not working


Some options are not available in the page builder..

- Fixed sidebar is not working.
- All toolbar models are the same.


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 (9)


I apologize for the inconvenience you're experiencing. The issue you've encountered is related to the Layout Builder, which currently generates partials based on the index page. Unfortunately, the index page does not dynamically change the selected toolbar option, resulting in the choosen Extended or Reports toolbar not being rendered as expected.

We are working on a solution to rectify it. Thank you for bringing this to our attention. If you have any further questions or concerns, please don't hesitate to reach out.



I apologize, but it seems there might be some confusion about the issue you're facing. To better assist you, could you please provide screenshot links or more detailed descriptions of the problems you're encountering? You can use an image hosting service like imgbb to share the screenshots. This will help us better understand the specific issues you're dealing with and provide you with a more accurate solution.



Sure

When clicking in the Layout Builder (https://preview.keenthemes.com/metronic8/demo1/layout-builder.html) and choosing different Toolbar Options, the Extended and Reports are not being rendered.

There is no toolbar in there:
https://ibb.co/4p8YBkV
https://ibb.co/PGD7VqV

Also, the HTML exported for all Toolbars are the same. (the classic one)



Hello!

I'm trying to export all options for Toolbars uwing the page builders.
But is still not working.

All HTML exported for Classic, SaaS, Accounting, Extended and Reports are the same, there is no difference.

Also, Extended and Reports pages in demo are not working.

Can you help me?



Hi Vinícius Arantes,

We will fix the layout builder issue soon.

Thanks



Hi,

In src/js/layout/sidebar.js you can see the cookie sidebar_minimize_state used for the sidebar state. You can use it in your backend.

Then when the HTML code is generated just perform the below steps:

<ul class="px-5 py-0 m-0">
<li class="py-2">Add data-kt-app-sidebar-minimize="on" attribute on the body element.
<li class="py-2">Add active class on the toggle element.
<li class="py-2">Set data-kt-toggle-state="active" attribute on the toggle element.


Regards.



Also, how can I persist the sidebar to be minimized?
There is no cookie for that anymore, is there?



Hi,

We will fix the sidebar option.

The toolbar layout is working fine.
<img src="https://i.ibb.co/9sZDvP8/image.png" alt="image" border="0"><br /><a target='_blank' href='https://imgbb.com/'>pic share</a><br />

Could you please clarify the issue?



About the toolbar:

- there is no toolbar when selecting "Extended" option
- there is no toolbar when selecting "Reports" option
- in all options, the exported HTML does not contain the toolbar components. All html are the same


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