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

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