How do I create the correct star icon rating?

Ask us anything How do I?
2

Yes of course, everything is possible with WeWeb, the question is how :sunglasses:

I did it for you :point_down:

  1. Create a block of 5 stars by binding an array with 5 elements on a container

Capture d’écran 2023-07-06 à 11.36.33
Capture d’écran 2023-07-06 à 11.36.331585×368 44.7 KB

  1. Bind a formula to your star icon :
    if(myRate - starIndex >= 1, "full-star-icon", if(myRate - starIndex >= 0.5,"half-star-icon","empty-star-icon"))

Capture d’écran 2023-07-06 à 11.37.08
Capture d’écran 2023-07-06 à 11.37.081579×729 82.2 KB

You’re done :slight_smile:

5 Likes