Tooltip and separator is not working
I notice the tooltip and separator is not working in angular.
The base angular original bundle is working.
But in my local is not working
<div className="separator separator-dashed border-dark my-10"></div><h2 class="fw-bold d-flex align-items-center text-dark">Choose Workflow Type
<i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" aria-label="Country of origination" data-bs-original-title="Country of origination" data-kt-initialized="1"></i>
</h2>something weird... it is works in html standard
Replies (7)
Hi,
To begin troubleshooting, could you please verify whether there are any JavaScript errors present in the browser console?
You can open the browser console by right-clicking on your webpage, selecting "Inspect" or "Inspect Element," and then navigating to the "Console" tab. If there are any errors or warnings displayed there, they might give us a clearer indication of what's causing the issue.
Feel free to share any error messages you find in the console.
Thanks
Hi Faizal,
Sorry and Please ignore above as i could able to solve it my self.
Thanks for the reply.
Anyhow i do have another question here..
Our team is creating the form and noticed as per instructed in doc
the css is not working correctly for input form group in Metronic 8.
here
as per above try in the form there is breaking css
Also we noticed as the below font size, form is very clean and nice to look.
but it is metronic 6. We are using metronic 8
form input gorup
how to use the M6 font style same in M8.
Please suggest.
We'll be in touch shortly with a SCSS expert to assist you.
Thanks
Hi,
It seems you copy and paste the code from the browser code inspector. Instead try to use the original code without dynamically created attributes:
<h2 class="fw-bold d-flex align-items-center text-dark">Choose Workflow Type
<i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" aria-label="Country of origination" title="Country of origination"></i>
</h2>Regards.
Hi Sean,
As replied by me from previous enquiry, i could able to solve the tooltip already. then i do have another question asked and i believed you have overlooked it.
please reply to that. Thanks
Hi,
Sure, we will get back to you asap. Let's us check your new request further
Regards.
Hi,
You can globally change the font size for the entire theme by customizing the layout level scss variables in src/assets/sass/layout/_variables.custom.scss:
// General
$app-general-root-font-size-desktop: 13px;
$app-general-root-font-size-tablet: 12px;
$app-general-root-font-size-mobile: 12px;If you need a smaller font size you just need to reduce the above root font sizes the recompile your CSS to see the changes.
Regarding the form group error state issue, can you please double check it as it should work if you use it as per Metronic HTML form docs.
Regards.
