Creating tabstrips

In this recipe, we will see how we can add tabstrips to an existing view containing various layout elements.

How to do it...

We will now follow the steps as shown:

1. We first go to the layout editor and in the right pane, right-click on the ROOTUIELEMENTCONTAINER element in order to access the context menu. We then select the Insert Element option. Now, we enter the name Tabstrip in the ID field and select the type TabStrip.

   

2. This will create a TABSTRIP in our layout. We select the tabstrip and then add two tabs by choosing the Insert tab option from the context menu.

   

3. Next we assign appropriate text in the text property of the added caption headers for each of the two tabs.

   

4. Then we will simply drag-and-drop any UI element already contained in our layout editor to the tab of our choice. Any width and height adjustments are made if required. We save and activate the component and run the relevant application.

How it works...

Suppose we had an interactive UI element that was transferred...