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

Bug: Missing .modal-footer Class in Latest Metronic Tailwind HTML Version (29th Nov 2024)


Hello Team,

I recently downloaded the latest Metronic Tailwind CSS on 29th Nov 2024, I used the HTML version and encountered an issue that requires your immediate attention. Upon implementing a modal for the first time, I discovered that the footer was unstyled. Upon inspecting the element, it became evident that the class name .modal-footer was not defined in the CSS file.

For further verification, I cross-referenced this with the online documentation (Link: Reference Here!). Inspecting the element there confirmed my suspicion; the .modal-footer class is indeed missing from my "style.css" file.

Once I manually added the class, it functioned as expected, much like the example in the documentation. However, this leaves me concerned about other potential missing elements that could disrupt the seamless integration I desire. As a user who relies on Metronic to bypass CSS work, this is quite troubling.

While browsing the modal docs, I've also noticed another issue with the modal's draggable feature, it doesn't seem to be functioning in my browser, the latest version of Chrome. Is it something also related in the CSS? or perhaps even the javascript isn't the most update version used on the website?

Could you please look into this and let me know once it's sorted out? Thanks so much for your help with this!

Regards,

Abdul Kadir
Text formatting options
Submit

Replies (3)


Hi,

In order to use any new class from docs or from tailwind features you will need to recompile your local CSS files using the webpack task:
https://keenthemes.com/metronic/tailwind/docs/getting-started/installation

Tailwind works by generating utility-first CSS classes directly in your HTML pages. The style.css file contains only the CSS classes you've used, ensuring optimal performance and minimal file size.

We will check the draggable modal issue in the next update.

Regards,
Sean



Hey Sean,

Thanks for clearing that up! Sorry I didn't realize I needed to recompile the CSS files whenever I add new components with new classes. I'll be sure to do that from now on. Appreciate you getting back to me quickly, and I'm looking forward to the next update for the draggable modal issue.

Regards,

Abdul Kadir



Hi happy,

Sure, we are preparing a huge update for Metronic 9 Tailwind. Stay tuned!

Regards,
Sean


Text formatting options
Submit
Text formatting options
Submit