# Repeating group menu icons

**URL:** <https://forum.bubble.io/t/repeating-group-menu-icons/189393>\
**Category:** Need help\
**Created:** [February 1, 2022, 8:34pm UTC](https://forum.bubble.io/t/repeating-group-menu-icons/189393 "2022-02-01T20:34:30Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![tom23](https://avatars.discourse-cdn.com/v4/letter/t/8edcca/32.png) [@tom23](https://forum.bubble.io/u/tom23)\
**Post date:** [February 1, 2022, 8:34pm UTC](https://forum.bubble.io/t/repeating-group-menu-icons/189393/1 "2022-02-01T20:34:31Z")

</div>

![image](https://us1.discourse-cdn.com/bubble/original/3X/f/2/f2c915674c8e9f79b7ae28c60245cf6c091d61c4.png)  
I have created a repeating group for sidebar menu navigation links in a CRM system i am building. I did this to make the conditional formatting easier which it did. Issue I’m having now is i want different icons next to each menu text, if i add an icon to the repeating group it i dont know how to show a different icon based on the menu item, if i position the icon outside of the repeating group then it doesn’t have any of the conditional formatting i have applied to the RG. I have attached a screen shot showing how i want it to look above where the menu item has a blue background and then with the repeating group i have made below. so the button with blue background is how i want it to look, below you can see the repeating group below with the same icon next to each item.

I should be fine figuring out the conditional formatting etc for the colour change. I just cant figure out how to have different icons within the repeating group?

Also, the top example in the image where its basically doing what i want it to do is without the use of a repeating group with multiple conditional states and formatting which i am trying to get away from with the use of a repeating group.

any help appreciated

---

<div class="post-metadata">

**Author:** ![djtochner](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/djtochner/32/115545_2.png) [@djtochner](https://forum.bubble.io/u/djtochner)\
**Post date:** [February 1, 2022, 8:36pm UTC](https://forum.bubble.io/t/repeating-group-menu-icons/189393/2 "2022-02-01T20:36:35Z")

</div>

Use conditional formatting on the icon - when current cell is x then change icon

---

<div class="post-metadata">

**Author:** ![tom23](https://avatars.discourse-cdn.com/v4/letter/t/8edcca/32.png) [@tom23](https://forum.bubble.io/u/tom23)\
**Post date:** [February 1, 2022, 11:05pm UTC](https://forum.bubble.io/t/repeating-group-menu-icons/189393/3 "2022-02-01T23:05:40Z")

</div>

![image](https://us1.discourse-cdn.com/bubble/original/3X/2/f/2f089633014e3a70fdfad51bfad7c92c204e0407.png)

thanks, any ideas on this part. Ive got the conditional formatting to kick in for the background colour, issue is when i click on say another menu item the formatting remains on the previous one unless i click it again. When i click the next menu item i want the formatting to be removed from the previous one.

thanks

---

<div class="post-metadata">

**Author:** ![djtochner](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/djtochner/32/115545_2.png) [@djtochner](https://forum.bubble.io/u/djtochner)\
**Post date:** [February 2, 2022, 5:13am UTC](https://forum.bubble.io/t/repeating-group-menu-icons/189393/4 "2022-02-02T05:13:31Z")

</div>

You should use custom states for that (I’d have a custom state on the menu group). Whenever a button is clicked, you change the custom state of the menu to a value that is equivalent to the value of that clicked button. For example - clicking “New claim” will change the custom state MENU to “New claim”.  
For each button you add a conditional formatting that states that the background color changes whenever the custom state changes to the value of that button.

---

<div class="post-metadata">

**Author:** ![tom23](https://avatars.discourse-cdn.com/v4/letter/t/8edcca/32.png) [@tom23](https://forum.bubble.io/u/tom23)\
**Post date:** [February 2, 2022, 10:30am UTC](https://forum.bubble.io/t/repeating-group-menu-icons/189393/5 "2022-02-02T10:30:38Z")

</div>

ok thanks…Im baffled, think i need to hit YouTube to learn a bit more about custom states

---

<div class="post-metadata">

**Author:** ![djtochner](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/djtochner/32/115545_2.png) [@djtochner](https://forum.bubble.io/u/djtochner)\
**Post date:** [February 2, 2022, 10:33am UTC](https://forum.bubble.io/t/repeating-group-menu-icons/189393/6 "2022-02-02T10:33:34Z")

</div>

There’s a good tutorial for this by @gregoryjohn on [Buildcamp](https://buildcamp.io/). Check it out

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [April 12, 2022, 8:35pm UTC](https://forum.bubble.io/t/repeating-group-menu-icons/189393/7 "2022-04-12T20:35:19Z")

</div>

Closed on April 12, 2022, 8:35pm UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.
