Repeat an icon from dynamic data number field type (No plugins)

Hello, I am wanting to create a custom ratings system that is very simple without using any plugins. The reason is that I am fairly new with Bubble and want to build this entire first project only with “core” elements.

I have a number (int) field, a repeating group and inside an icon.
I simply would like to be able to display the number of relevant icons based on the fields value dynamically.

The issue is that no matter what I do I only seem to ever have one icon showing.
However, in my debugger I see 1: 3

3 is the current value I have stored. But only one icon is showing.

This video will give a little more insight, thank you for your time and help in advanced.

P.S., I have tried everything I can think of including research. I cannot seem to find a resolve. I assume it is possible.

1 Like

Hey @daniel54 :wave:

Good for you trying to learn without plugins to start. That’s a good idea.

To get all five stars to show up at first. You need 5 items to display in the repeating group. If I were using a plugin I would just use the toolbox that has a ‘list of number’ element. Without it, maybe you can use an option set list to start.

Does that help? :blush:

Here is an example for you:

Preview: https://testapp42wcleandb.bubbleapps.io/version-test/star_rating?debug_mode=true

Editor: testApp42wCleanDB | Bubble Editor

In this example, I am not calculating the average, I am just displaying the number. In the real world example, there would be a list of reviews and then you can calculate the average based off of those list of reviews. I just simplified it for demo purposes.

Hope that helps! :blush:

Thank you so much for the example. @J805

1 Like

Sure. Hope it helps. :blush: