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

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


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