# How-To: Custom Rating Component

**URL:** <https://community.glideapps.com/t/how-to-custom-rating-component/11286>\
**Category:** Project Showcase\
**Created:** [June 22, 2020, 9:58pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286 "2020-06-22T21:58:12Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [June 22, 2020, 9:58pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/1 "2020-06-22T21:58:12Z")

</div>

# 👋 Hey all!

I know Glide came out with their own Ratings component, but it doesn’t Roll up averages over user specific columns.

I managed to come up with a custom-built solution that’s an improvement to a simple drop down menu of ratings.

Here’s how:

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/5/500e84831885d0e10c1109b6bf730a1a5c22b392.jpeg "Glide: Create your own 5-Star (or whatever) Rating Component") ](https://www.youtube.com/watch?v=O7TEF5z5t7U)

If you’d like to play around with an example, visit my Experiments app and visit the Ratings tab:  
[https://experiments.glideapp.io/](https://experiments.glideapp.io/)

---

<div class="post-metadata">

**Author:** ![Roberto\_Salim](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/roberto_salim/32/6861_2.png) [@Roberto\_Salim](https://community.glideapps.com/u/Roberto_Salim)\
**Post date:** [June 22, 2020, 10:04pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/2 "2020-06-22T22:04:08Z")

</div>

As always @Robert_Petitto and its surprising innovations!

I liked it, mainly because it shows the number of stars per user in the list.  
👏 👏 👏 👏

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [June 22, 2020, 10:14pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/3 "2020-06-22T22:14:19Z")

</div>

Great job! Love it!

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [June 22, 2020, 10:19pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/4 "2020-06-22T22:19:40Z")

</div>

You have shared you whole showroom with us…like Jeffs concepts…!

Great! 🙃 😀 👍 👍 👍

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [June 22, 2020, 10:31pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/5 "2020-06-22T22:31:26Z")

</div>

Yes…lots of random things scattered in there. Be careful where you step lol

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [June 22, 2020, 10:34pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/6 "2020-06-22T22:34:23Z")

</div>

Tx copied it…I am sure I will learn a lot from your experiments app. So we now have two glide guides. Concepts and Experiments!

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [June 22, 2020, 10:39pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/7 "2020-06-22T22:39:43Z")

</div>

Robert…all this hard work we all put into developing booking apps etc…then i clicked on calendly and you there with a calendar and book me, I guess we dont need to work hard anymore…just create google form, including carts, set up payment, and set the form to webview. 🤣 😂

---

<div class="post-metadata">

**Author:** ![Tuttografica](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tuttografica/32/16484_2.png) [@Tuttografica](https://community.glideapps.com/u/Tuttografica)\
**Post date:** [June 22, 2020, 11:20pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/8 "2020-06-22T23:20:48Z")

</div>

@Robert_Petitto . 🌟 🌟 🌟 🌟 🌟 🌟  
You always surprise with new ideas and adaptations. You are a great inspiration for me !!  
Thank you  
Dario

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [June 22, 2020, 11:57pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/9 "2020-06-22T23:57:21Z")

</div>

Well done as usual! Thanks for sharing 👏

---

<div class="post-metadata">

**Author:** ![Rosinda\_Anthony](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosinda_anthony/32/1099_2.png) [@Rosinda\_Anthony](https://community.glideapps.com/u/Rosinda_Anthony)\
**Post date:** [June 23, 2020, 12:07am UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/10 "2020-06-23T00:07:25Z")

</div>

Thanks, @Robert! I appreciate you, Sir!

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [August 27, 2020, 8:32pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/11 "2020-08-27T20:32:16Z")

</div>

Hey @Robert_Petitto

My choice component keeps disappearing after tapped.

Video to explain better.

[![]( " - YouTube") ](https://www.youtube.com/watch?v=ucUjfm5x-uI)

Thanks!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [August 27, 2020, 9:02pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/12 "2020-08-27T21:02:53Z")

</div>

This was happening to another user as well. Make sure all your columns are text columns and not emoji columns.

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [August 27, 2020, 10:22pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/13 "2020-08-27T22:22:13Z")

</div>

They are text columns. The emoji comes from and If-then-else that I created because for some reason templates, or at least on my end, are not reading lookups anymore. If that’s what you meant.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [August 27, 2020, 11:49pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/14 "2020-08-27T23:49:53Z")

</div>

Hm. Might need to take a look at it. I know that the issue with the other user is that his rating column that was the desitination column for the star rating was a glide emoji column and not a glide basic column. Not sure what else the issue could be without seeing.

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [August 28, 2020, 11:19am UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/15 "2020-08-28T11:19:29Z")

</div>

Hey @Robert_Petitto

I made a video showing you what I have.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [August 28, 2020, 11:49am UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/16 "2020-08-28T11:49:25Z")

</div>

At a glance, it looks right…can you make your app copyable so I can take a deeper look?

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [August 28, 2020, 12:32pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/17 "2020-08-28T12:32:50Z")

</div>

Sure!

Here’s the link [https://disastrous-trucks-4567.glideapp.io/](https://disastrous-trucks-4567.glideapp.io/)

Best way to get there is scroll down to “Supermercados” and tap the one market that’s there.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [August 28, 2020, 2:05pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/18 "2020-08-28T14:05:51Z")

</div>

Weird. Not sure what the issue is, but here’s the workaround: [https://www.loom.com/share/a23f2ff89bf049068f4edab316bf0146](https://www.loom.com/share/a23f2ff89bf049068f4edab316bf0146)

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [August 28, 2020, 2:17pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/19 "2020-08-28T14:17:16Z")

</div>

Thanks man!

It may be that I used the PC and iPad to created. No idea. Thanks a lot for the workaround.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [August 29, 2020, 2:50pm UTC](https://community.glideapps.com/t/how-to-custom-rating-component/11286/20 "2020-08-29T14:50:01Z")

</div>

Actually, though, now that the rating component can be placed in a form, it’s a heckuva lot easier create ratings:

No array column needed.

[Next page](https://community.glideapps.com/t/how-to-custom-rating-component/11286.md?page=2)
