rating in-house component not showing in v8.2.0
<div class="rating">
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-2"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-2"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-2"></i>
</div>
<div class="rating-label me-2">
<i class="bi bi-star fs-2"></i>
</div>
<div class="rating-label me-2">
<i class="bi bi-star fs-2"></i>
</div>
</div>
The above not displaying correctly in the current version
Replies (8)
To find the best roofing company in Fresno, CA, start by checking reviews on platforms like Google and Yelp for top-rated providers. Ensure they’re licensed, insured, and offer warranties on their work. Ask for referrals from friends or neighbors and request quotes to compare services and pricing.
It sounds like you're encountering a frustrating issue with the in-house component ratings in v8.2.0. If you need reliable assistance with plumbing issues, consider checking out SoCal Rooter for their sewer inspection and repair services. They have a solid reputation for handling such problems!
i had to include the CDN below below it works:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<script src="https://kit.fontawesome.com/cbd6d74aa8.js" crossorigin="anonymous"></script>
Hi,
Thank you for the heads-up.
Noted, we will double-check it and fix the missing icons for Laravel Starter Kit in the next update.
Regards.
I am using the laravel version, it was working fine in the v8.1.9 but its not working any more in version v8.2.0. i used webpack.
<div class="rating">
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-1"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-1"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-1"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-1"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-1"></i>
</div>
</div>I used the above as stated by the Metronic Docs but it displays boxes instead of the stars
Hi,
We have tested the above code with Metronic v8.2.0 and it works fine. Can you double-check your code? Have you changed anything in your build? It seems Bootstrap Icons are not loaded on your page.
Please check it with the original Metronic v8.2.0 and it should work as expected.
If you need any further help please let us know your build method(gulp or webpack).
Regards.
Hi,
It seems Bootstrap Icons' recent update comes with star icons class name changes.
You can try to use the rating with our in-house KeenIcons as shown in the Metronic Docs
Regards.
