User Tools

Site Tools


koda:en:documentation:creating_a_tab_control

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

koda:en:documentation:creating_a_tab_control [2014/07/10 10:48]
koda:en:documentation:creating_a_tab_control [2014/07/10 10:48] (current)
Line 1: Line 1:
 +==== Creating a Tab control ====
  
 +The word //tab// has several meanings. Some are:
 +  * a Tab (or tabbed) control
 +  * a tab of a tab control
 +  * the lowly <key>Tab</key> key.
 +
 +Koda resolves this issue by calling a member of a Tab control a **Page**.
 +
 +Adding a Tab control to a Form is like adding any other control:
 +  - Click on the Tab control icon in the Palette
 +  - In the Design Area, drag and drop to define the area for the Tab control
 +
 +To add a Page to a Tab control:
 +  - Click on the Tab control in Object Treeview to select it
 +  - With the cursor still over the Tab control in Object Treeview, right-click
 +  - Choose **New page**.  Object Treeview shows the Page as a child of the Tab control.
 +
 +{{  controls_tab_add.png  |}}
 +
 +To add any other control to a Page:
 +  * Click on it in the Palette
 +  * Drag and drop in the Page. The control is added to the Page.
 +
 +To delete a Page from a Tab control:
 +  - Click on the Page in Object Treeview to select it
 +  - With the cursor still over the Tab control in Object Treeview, right-click and choose **Delete**. Object Treeview shows that the Page has been deleted.
 +
 +It is also possible to select a Page in the design area, but it takes a little care:
 +  * If the Page is not on top, click on its Caption to select it
 +  * Click in the lower part of the Page. The Page is selected.
 +  * Press the <key>Del</key> key. The Page is deleted.
 +
 +To select a Tab control as a whole, either:
 +  * Click on it in Object Treeview, or
 +  * In the design area, click within the Tab control but outside if the Pages.
 +
 +A Page of a Tab control is a //container//. Even though it is not a control, it shares some behaviors with [container_control]]:
 +  * Deleting  a Page deletes all controls which are children of it as well as the Page
 +  * A control may be visually within the bounds of a Page but not be its child
 +  * To make a control created visually outside a Page part of the Page, cut the control and paste it within the Page
 +  * The Left and Top properties of controls that are children of a Page are relative to the Page
 +
 +To move a Page with a particular Caption to the left, select the Page and press the <key>A-Left</key> key. To move it to the right, select the Page and press the <key>A-Right</key> key.
 +
 +To change which page shows when the generated script is run, select the control and press either the <key>A-Left</key> key or the <key>A-Right</key> key until controls on the desired Page are shown.
 +
 +AutoIt limits Tab controls to one per Form.
koda/en/documentation/creating_a_tab_control.txt ยท Last modified: 2014/07/10 10:48 (external edit)