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

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


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 (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="

<script src=" 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.


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