Day 12: Tab Navigator Component
And one more makes twelve! Hurray!
This component is pretty simple, buttons 1-10 that, when clicked, navigate through pages 1-10. They also disable the button for the current page, so the component acts like a combination of a tab bar and content. The bonus here is not having to wire up all those "On Click > Go To State > When In State" interactions for each button.
Click on the image for a preview.
The FXP is available here.
Details after the jump.
Component States: Pages 1-10
Component Parts: Buttons 1-10
Clicking on a button jumps to the corresponding page and disables the button. All other buttons are enabled. I figured most people should be satisfied with the 10 pages / states built in, but you could always add some more by modifying the skinnable component in Builder.
October 30th, 2011 - 08:53
I observed that in the preview, the whole site was centered in the browser page… How did you do that?
November 13th, 2011 - 01:52
Hi there,
This is using constraints in FC CS 5.5. The swf expands to fill the whole page, and the constraints keep it centered.