Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Downloaded Demos work, Layout Builder doesn't


If I use the files found in the downloaded demos, everything works as expected.

However, if I try using the code form the layout builder, then the layout is broken.

The demo code has classes in the body tag, but the layout builder uses data attributes.

Is there something that needs to be done differently to get this to work as expected using the attributes instead of classes?


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


Thanks for the reply.

I must have used a different builder, I also get the classes not the data-*.

Thank you



Hi,

So is your issue resolved? Please let us know if you need any further help.

Regards,
Sean



dem13. The body has classes only, no data-tags.

The layout builder has data tags, no classes.



Hi,

If you are referring to Metronic v8 Demo 13 layout builder here please note that as per our checking the exported layout partials are correct.

It has all the classes as per the original layout template. Please refer to this https://i.imgur.com/qJ9LLYx.png screenshot of what we get when we tried to export the demo13 layout.

Regards,
Sea,



Hi,

May I know which template you are using? Normally, the body tag in the exported layout partials from the Layout Builder should be the same as in the demo files.


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