New Product!SaaSify - Animated Landing Page Template built with Next.js, Tailwind, Shadcn UI, ReUI & MagicUI Components
Preview SaaSify

Notification of problem with popover and class color -info


I tried using the tooltip as popover layout that you have on https://keenthemes.com/metronic/tailwind/docs/components/tooltip, but it doesn't work. For some reason the popover classes don't exist.

My search found that the classes such as .popover-header and .popover-body are added by a popover.js file (which is in the “assets/src” folder), but this code is not being converted to the bundle.

I reiterate the problem of the -info class color not working either. It only works for things like text color. And also the problem with KTLayout.init that I commented on in another ticket.

When can you fix these requests? Thanks.


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 reporting this — I also faced some issues while exploring similar layouts. It’s important that components like popovers work smoothly, especially when integrating them into creative projects. I'm currently working on UI elements for my site games unblocked faf so I understand how tricky layout bugs can be. Hoping these fixes come soon to make the dev process smoother for everyone.


Deleted comment

Same here



im honestly startin to think its easier to skip messin with metronic init and all that and just use some frontend setup thats not full of surprises had a project where we were wiring in jetx bonuses used the flow from — no extra scripts just clean layout and it worked



Hi,

As explained in my previous reply. Please always compile your CSS whenever you modify your HTML with new classes. This is how Tailwind works. It looks for CSS classes in your HTML and adds it to the output CSS file.

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