Tabbing the Future

Pre-navigating the interface

Refering to Tabs

Each of the main tabs in Picnik has a "navigation name". They are:

• Home: "home"
• Photos: "in"
• Edit: "edit"
• Create: "create"
• Save & Share: "out"

Similarly, many of the subtabs also have a name. For example, the "Webcam" subtab is named "webcam". You can put together tab and subtab names, with a forward slash in between, to create a path to a specific component of the Picnik UI (for example, "in/webcam").

You can discover the path to any page in the Picnik UI by opening Picnik, going to a page, and then looking at the address bar in your web browser. Everything after the "#" is the path to the page you're on.

Specifying Default Tabs

Picnik provides some parameters to control the "default" tabs -- that is, which tab will be automatically selected when Picnik is opened, and which sub-tabs will be selected when the clicks on the "Photos" or "Save & Share" tabs.

Use the _page parameter to determine which page will be displayed as soon as the page opens. You can refer to any of the five main tabs, or you can refer to a subtab of either the "Photos" or "Save & Share" tab.

Use the _default_in and _default_out parameters to determine which subtab on the "Photos" and "Save & Share" tabs will be automatically selected the first time the user clicks there. Since the first element of the path is determined by the parameter you're using (eg., _default_in implies "/in" ), you should only specify everything after the first element. For example, to set the webcam as the default "Photos" tab, you'd set _default_in to "webcam".

Next Steps

Perhaps you'd like to customize the Picnik UI? And of course, you can always go back and take a look at all the tutorials.