Tabbed interface - multiple actions question

Diego R. shared this question 3 years ago
Answered

Hi all! I have a basic events question: How do you change the style of multiple elements in one single action?


Say I have a tabbed interface with 20 tabs (buttons) and everytime I click one of the tabs I want to style it as “selected” and style all other tabs as “unselected”.


In Axure I can achieve this in 2 single actions, basically “1. set this as active” and “2. set all others as inactive”.


Right now, from my understanding of how Justinmind works, I would have to:


1. Create a “style button as inactive” action


2. Copy it and paste it 20 times


3. Modify the copies so each target a different button


and finally.


4. Repeat step 3 *20 times* - remember I have 20 different buttons.


I certainly hope I’m missing something very basic, because the above scenario sounds like a nightmare for just a simple tabbed interface (and I don't event want to imagine what it would be like If I just decide to add an extra tab!)


Am I’m missing some special widget that has all this functionality included? How do you Justinmind PROs do it?


Thanks!

Comments (4)

photo
1

Hi Diego,


Using a dynamic panel would make this much easier. Check out this tutorial (http://www.justinmind.com/support/app...) and you can create this.


Best,


Danielle

photo
1

Yeah, I'm using dynamic panels, only that I'm placing the buttons outside the panels, so I only have 1 copy to manage (creating them inside each panel would mean having 20 * 20 = 400 buttons! - it would be unmanageable).

photo
1

Hi Diego,


While that would be a lot of buttons to manage, it really is the best way to create change-style events that simulate tabs.


Best,


Danielle

photo
1

Here's another way to simulate tabs faster:


http://gsfn.us/t/4slrw