Adding Tabs to a Design

## Adding Tabs to a UI Design

There are several dependencies related to adding Tabs to a UI Design.

First you will need to add the Navi Pane Tabs control to your main UI Design (application.uidesign). To do this:

1. Double-click on the application.uidesign file in either the Project Explorer or Symbian Project Navigator view to open the file in the application editor.
2. Select the AppUi tab to graphically display your design.
3. Select the Navi Pane Tabs control in the Palette under Status and Control.
4. Click on the upper portion of your design to add the Tab as shown in Figures 1 and 2. You can also enable the Enable Navigation Pane Tabbing checkbox in the UI Designs tab of the application editor to perform the same action.

Figure 1 - Adding Navigation Tabs to Design

Figure 2 - Tabs Added to Design

NOTE Only one Navi Pane Tab control can be added to your application's UI Design. However, you can control the number of tabs that will appear by selecting menu options in the Properties view for the control. Up to four tabs can be displayed.

Select the UI Designs tab in the application editor and ensure that the Enable Navigation Pane Tabbing checkbox is enabled. Selecting and unselecting this checkbox will add or remove the Tab control from your design.

In the Tab Details section there are two radio buttons for setting either Text or an Image for a tab's title (Figure 3).

Figure 3 - Specifying Tab Sequence and Titles

NOTE Select the radio button next to the name of the UI Design that you want to appear as the initial screen. Select the name of each UI Design and not the associated radio button and then specify whether the design is part of the tab group and specify an image or text title for each design's tab.

In the AppUi tab select the Navi Pane Tab control in the design and select the Properties view to display available options; as shown in Figure 4. Ideally you would have a UI Design for each tab you specify for the tab group.

Figure 4 - Tab Options

##### Related tasks

- Application UI Design Pane Tabbing
- Creating New UI Designs
- Adding a UI Design into a Project

##### Related references

- UI Design Wizard