Stack control

Similar to the Tab control, the Stack control enables you to organize other controls in tabs, except that it displays only one pane at a time.

The Stack control is designed to accommodate nested controls. As a developer, you create a Stack control with multiple panes. You then set conditions to select which pane is shown for users to interact with. At run time, users do not select the pane directly by clicking on it. Typically, the user makes a choice, and based on that choice, a pane is displayed.

Use the Default Pane Index to indicate where the pane must show. This index starts at 0. If you do not specify this value and data binding is not specified either, the default index is 0. Specify -1 to show no pane at all.

Example

This example shows the Stack section being used in conjunction with three Radio Button controls. To enable selection of each pane, the On Select event of each radio button calls the setCurrentPane method. Within each pane of the Stack section, a Panel section holds the other controls. One pane is displayed at a time.

A screen capture of a pane displayed at the top of a Stack control.

Here is the result:

Screen captures of the each separate pane.

Methods

For detailed information on the available methods for the Stack control, see the JavaScript documentation.

Additional resources

For information about how to create a coach, see Building coaches.
For information about standard properties (General, Configuration, Positioning, Visibility, and HTML Attributes), see Coach view properties.