# \[Solved\] Rating System with 5 stars

**URL:** <https://community.thunkable.com/t/solved-rating-system-with-5-stars/683671>\
**Category:** Questions about Thunkable X\
**Tags:** solved\
**Created:** [July 17, 2020, 3:15am UTC](https://community.thunkable.com/t/solved-rating-system-with-5-stars/683671 "2020-07-17T03:15:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![id.salazar88zrunh](https://avatars.discourse-cdn.com/v4/letter/i/c0e974/32.png) [@id.salazar88zrunh](https://community.thunkable.com/u/id.salazar88zrunh)\
**Post date:** [July 17, 2020, 3:15am UTC](https://community.thunkable.com/t/solved-rating-system-with-5-stars/683671/1 "2020-07-17T03:15:46Z")

</div>

Does anyone know a method for Thunkable X to do an internal rating system with 5 stars (each star as a different “button”) ?  
I need not only rate with a simple number and “show” the stars, but also see the 5 stars and click them as a part of the rating system  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/2/f2d1a9f1b81c2a6c5fdb46a9b1463014a40ce7f2.png)

Thanks in advance

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [July 17, 2020, 10:57am UTC](https://community.thunkable.com/t/solved-rating-system-with-5-stars/683671/2 "2020-07-17T10:57:20Z")

</div>

Hi @id.salazar88zrunh - you can create this with 5 buttons and two images, have you had a go at creating this yourself yet?

If you what to share you design and blocks I’d be happy to give you a few pointers.

Thanks.

---

<div class="post-metadata">

**Author:** ![id.salazar88zrunh](https://avatars.discourse-cdn.com/v4/letter/i/c0e974/32.png) [@id.salazar88zrunh](https://community.thunkable.com/u/id.salazar88zrunh)\
**Post date:** [July 17, 2020, 1:57pm UTC](https://community.thunkable.com/t/solved-rating-system-with-5-stars/683671/3 "2020-07-17T13:57:27Z")

</div>

Thanks.  
I have not done it yet. I can’t figure it how to do the design

---

<div class="post-metadata">

**Author:** ![knownkeep](https://avatars.discourse-cdn.com/v4/letter/k/bbce88/32.png) [@knownkeep](https://community.thunkable.com/u/knownkeep)\
**Post date:** [July 17, 2020, 2:37pm UTC](https://community.thunkable.com/t/solved-rating-system-with-5-stars/683671/4 "2020-07-17T14:37:18Z")

</div>

- Add a row
- Add 5 columns in row
- Add a button in each column  
-Set the 5 button’s image to the “off” star
- Add code blocks to change the button image to “on” star based on which one is clicked. If button 4 is clicked, you’ll need to toggle on the star for 1-4, too.

That’s the basics just thinking in my head…

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 19, 2020, 8:34am UTC](https://community.thunkable.com/t/solved-rating-system-with-5-stars/683671/5 "2020-07-19T08:34:18Z")

</div>

Check it

[https://x.thunkable.com/projects/5f13efdef07a6f07fa8ddd81/project/properties/designer/](https://x.thunkable.com/projects/5f13efdef07a6f07fa8ddd81/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![id.salazar88zrunh](https://avatars.discourse-cdn.com/v4/letter/i/c0e974/32.png) [@id.salazar88zrunh](https://community.thunkable.com/u/id.salazar88zrunh)\
**Post date:** [July 19, 2020, 6:18pm UTC](https://community.thunkable.com/t/solved-rating-system-with-5-stars/683671/6 "2020-07-19T18:18:37Z")

</div>

Awesome. I found a simpler way but this is a great solution.  
Thank you so much

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:27pm UTC](https://community.thunkable.com/t/solved-rating-system-with-5-stars/683671/7 "2024-11-08T12:27:10Z")

</div>


