Also, I've tried grouping the components together as well. No luck.
I don't understand why the button displays when I run the project, when in the Toggle Button selected editing state, it doesn't show the button at all.
Any help greatly appreciated.
Just a quick thought, have you looked at the layer order of your assets? That might be what you need to adjust to solve this. The layers panel is located in the upper right of the UI.
Yes, that's what I examined first. However, there must be always something on top, and something on the bottom as far as layers go so it seems with FC.
Essentially, what I need to have is all of the buttons on the same layer so that one button does not appear above another. The problem occurs in that whatever Toggle Button is on top does not have the issue of appearingin front of the selected state within it. But for all other Toggle Buttons below it, the ones above appear when the Toggle Button is in its slected state.
It looks as though this isn't possible with FC, quite a disapointment and makes me wonder what the purpose of the Toggle Button is when this is an issue that seemingly cannot be fixed.
Thanks for forwarding me the file. I found the issue. In the original design, you combined the thumbnail and the large version of the image into a single toggle button. This means that all of its elements existed in one layer. The result is the large image that you want to appear as an overlay can never be higher in the visual layering than the component. Hence the issue you were seeing.
You need to separate the thumbnail elements from the overlays in order for the layering to function properly. To work around the 20 page limit in Catalyst, I turned all the overlays into a custom component. The first page is blank, so it can be on the screen and have no affect on the thumbnail buttons.
I uploaded a demo of a solution for you.
Gallery.fxp.zip 1,004.5 K