I am building a prototype for a website whose main navigation is a series of tabs across the top. I understand that the Dynamic Panel is useful for creating tabs, but I am not sure how best to structure the content below the tabs. Your example of tabs in the tutorial assumes that it is one panel with tabs on one screen, not really the main navigation.
My question is on the best practice to do so. I see two options.
1) Create a Dynamic Panel for the tabs and place it on the template. Then put content on separate screens.
2) Create a Dynamic Panel for the tabs and put all the content in separate panels within Dynamic Panel.
I am leaning towards #1 as the content has its own dynamic panels and I am afraid that it will get really confusing, but maybe there is something that I am not thinking of.
Help get this topic noticed by sharing it on Twitter, Facebook, or email.
EMPLOYEE0What I usually do is to place the tabs in the template as simple labels. Then define the navigation for each of them. Finally, in each screen, I copy one of the tabs and I place it just above the one in the template. Then I set the look and feel of that tab in the screen to something that make it look like 'selected'.
Thanks, Victor. That makes sense.
In the long run, however, given how widespread tabs are in web if there were a widget designed specifically for that purpose. If you could quickly define:
1) number of tabs
2) properties of the inactive state
3) properties of the active state
4) properties of the over state
5) the destination when they are clicked
Adobe Flash Catalyst does a nice job with the implementation of tab navigation if you want to use something as a model.