About the Layout Editor

Layout Name

Name assigned to the displayed layout.

Fixed Layout/Responsive Layout Button

Sets/resets the IsResponsive layout property and changes the build view from the default fixed layout view to the responsive layout view (and back again) in the Layout Editor. Note that any configuration changes made in one view are not preserved when you switch between fixed and responsive views, since the two views cannot be reconciled. If you switch views after configuring the layout, the configuration is lost.

Menu Bar

Commands to save, save and close, and close the layout.

Build/Script Selection

Switch between the Build and Script pages of the Layout Editor.

• In the Build page, you can select between fixed and responsive layout modes, and configure the layout by adding, removing, and resizing panes, including slide-in panes, and add content such as graphics and apps to individual panes. You can also set properties for the layout, panes, and content.

• In the Script page, you can add layout scripts that control how panes and their content execute in runtime.

Action List

List of navigation actions associated with the panes of a layout. Actions are added to pane when content is dragged from Toolbox or Assets and dropped on a pane or by using the pane-drop-down menu to move content between panes.

Pane Action

Selected pane of a layout listed in the Pane Action list, which contains options to edit or remove the current content of the pane.

Add Slide-in Pane Button

Adds a slide-in pane on the side of the layout where the Add Slide-in Pane button is located. A slide-in pane can contain content. During runtime, users can select a tab on the interior border of a layout window to show or hide a slide-in pane.

Pane Name

Name assigned to a layout pane.

Pane Content

Thumbnail graphic representing the content added to a layout pane.

Extender Button

Selecting the triangular extender button extends the source pane's size in the direction pointed by the triangle to fill the area previously occupied by the target pane.

Pane Divider

Line representing the boundary of a pane. During configuration, a layout's pane size can be changed by moving its divider. Also, a divider's visual properties can be configured and whether users can move a divider within a pane during runtime.

Slide-in Pane

Optional panes that can be configured on each side of a layout window. During runtime, users select a tab to show or hide a slide-in pane, which appears within the boundaries of the layout window.

Pan Lock

Places a pane into pan mode to enable the user to move the view box and show content outside the boundaries of the pane.

Zoom to 100%

Sets the size of content shown in a layout to its actual size in the Layout Editor.

Zoom to Fit

Adjusts the size of content to fit entirely within a pane in the Layout Editor.

Zoom Box

The Zoom Box enables a selected area to be zoomed to the full width or height of the current editing area of the Layout Editor. The cursor shows a magnifying glass when the Zoom Box is selected. Drawing a rectangle by mouse or by touch within the editing area shows the content within the rectangle at the full width or height of the current editing area.

Zoom Percent Slider

Moving the Zoom Percent Slider left or right zooms the size of the layout shown in the Layout Editor.

Properties grid

Selecting the Properties grid shows a list or properties of the selected item within the Layout Editor.

• Layout selected: Tap or click outside the layout window to show layout properties (fixed layout only)

• Pane selected: Tap or click within a layout pane to show pane properties

• Divider selected: Tap or click on a divider within the layout to show divider properties (fixed layout only)

• Content in a pane selected: Tap or click content within a pane to show the content's properties

Toolbox Tab

Selecting the Toolbox tab shows the hierarchical folder organization of the Visualization folder. Selecting a folder shows the content within it.

Assets Tab

Selecting the Assets tab shows the hierarchical organization of objects shown in the Model view of the Template folder.. Selecting an object shows any content associated with it.

Search Field

Data entry field to enter a search string to locate content with a matching name.

• Search from Properties grid: Locates selected property type by name.

• Search from Toolbox tab: Locates content within the Visual Toolbox by name.

• Search from Assets tab: Locates objects in the Model view by name.

Breadcrumb

When the Toolbox tab is selected, a breadcrumb shows the serial list of graphic folder names to the content selected from the list. If the Assets tab is selected, a breadcrumb shows the serial list of Areas or other objects to the selected item from the list.

Asset List

The Asset List shows a hierarchy of Area and other types of assets shown by the Template folder Model view. An arrowhead to the left of an asset within the list indicates an asset that can be expanded to show the contained objects.

Selected Asset

Touching or clicking an asset shown in the list selects it. A shaded background identifies the selected asset from the list.

Add Pane Control

Selecting an arrowhead of the Add Pane Control splits the currently selected pane in half and the new pane is inserted in the direction of the arrowhead. Panes can be added up, down, left, or right of the existing pane with the Add Pane Control.

Pane Presentation Style Selector

Selecting the Pane Presentation Style Selector shows a drop-down list of options to select how content is hosted and presented in a pane. In Single mode, a pane can host one piece of content. In Multiple or Tabbed mode, a pane can host multiple items.

Asset Content

The content associated with the asset selected from the list.