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.
    How to do it...
  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.
    How to do it...
  3. Next we assign appropriate text in the text property of the added caption headers for each of the two tabs.
    How to do it...
  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 to the first tab. Running the application will show the relevant Adobe form in the first tab, as shown in the following screenshot. Selecting the other tab will show the elements contained in it.

How it works...
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.147.66.128