Hey guys!
So basically I’m giving the user an option to create a new entry and this entry’s type has a repeating group searching for it in form of tabs as shown in the following pictures.
The selected element is the repeating group and the calls can be created by the users
So since this is a tab and when creating a tab you have to create custom states for each tab button, but in my case the number of tabs is dynamic so I can’t set the states for the button inside because the number differs and it’s a repeating group not a group.
My goal is when a user clicks on a specific button, that specific button will change it’s color formatting to show the user that it is clicked. While the rest will remain unchanged. Any way to do that?
Thanks in advance!
N.B (I’ve tried to use a plugin called Orchestra and it didn’t work for me, either it’s so hard for me to understand or it doesn’t accomplish what I want to be accomplished)
If I understand your question correctly, simply keep track of the “current tab” (set a custom state to whatever tab was clicked) and use a Conditional to change the style of the tab when “current tab is this tab”. The custom state can be on the RG or at the page level or wherever it makes sense.
Here’s an example demonstrating the technique (among other things). The custom state is called “mode”, and it’s on the page element.
If you’re trying to change the appearance of the “currently selected” button (which resides inside a RG), then the example I provided should help.
It doesn’t matter how many buttons are in the group or if the number of buttons (RG cells) changes. When a button is clicked, just set a custom state to that clicked button. Then, configure a Conditional (on the so-named tab of the Properties panel) to alter the appearance of the currently selected button.
EDIT: And if your button represents a data type called “Calls”, then make your custom state of that type, and when a button is clicked, set the custom state to the “Call” that was just clicked.