Unable to trigger loaded & shown shape interactions within a dynamic panel on page

[wadev]

Hi there, I have the following design prototyped, which I’m struggling to get to work as desired.

Intended UX

I have a dynamic panel, which consists of text/imagery. There are arrow buttons to the left and right of the dynamic panel, that I’ve placed outside the dynamic panel to trigger the panel to change states (change the content within in the panel), which works as desired.

I would like to use a set of tab buttons (before / after) to also trigger the dynamic panel to change states, which it does. But I’d also like to have the before button in an active selected state by default.

Problem

Ive placed the tab buttons as a group into the dynamic panel, however I cant get the ‘Before’ button to be selected by default. Ive tried adding a ‘Loaded’ and ‘Shown’ interaction on the ‘Before’ button saying ‘set this to True’ so that it calls the ‘Selected’ style affect. I wanted the tab buttons to be inside each panel state, so that when the left / right arrows are selected the tab buttons move with the panel due to animation. I dont want the tab buttons floating on top of the panel, so that when i use the arrow buttons they just float.

If i place the tab button group outside of the dynamic panel, then everything works as desired. So is the fact that I have it in a dynamic panel the problem? Any help would be greatly appreciated

[huban]

Without the .rp file it’s hard to tell what exactly might be going on. The big difference I can see is: when the tabs are outside the dynamic panel, there are only 2 buttons (Before and After). Putting the tabs on the inside of the dynamic panel means you would have to add them to each state of the panel. Now you have 10 buttons, two for each of the 5 states. You have to set the “Selected” state for all 5 of the Before buttons.

Also, depending on what you’re going for, you might consider using the “Panel State Change” interaction for setting the default states. The “Loaded” interaction only fires one time when the page loads, dynamic panel changes don’t trigger it. The “Shown” interaction won’t work either because the tabs aren’t really “hidden”. The might not be visible to the user but the element itself doesn’t have the “hidden” flag set.