A Panel is a component whose Back button (
) navigates through its activated subcomponents towards the first subcomponent. In the following example, a Panel component contains a Tabs component, Results List component, and Result Details component.
When the user performs an Identify operation, the Results List component is displayed in the Panel. When the user clicks a result in the Panel, the Result Details component is displayed. Clicking the Back button in the Result Details panel returns to the Results List. Clicking the Back button again in the Results List panel returns the user to the initial Tabs component.
Components in a panel follow a hierarchical order. When a component is activated, all components that appear after it in the Panel are deactivated. Components placed earlier in the Panel may be hidden but can remain active, allowing users to navigate back.
You can organize your components in separate Panels at the same hierarchy level (for example, all Results-related components in one Panel) rather than reordering components within a single Panel.
We do not recommend nesting Panel components inside other Panel components.
Main Settings
Field |
Description |
|---|---|
Title |
Type a title to display for the component. This title is used both in Web and Designer. |
Icon |
To select an icon to represent the component, click Select Icon, click the desired icon, and click OK. To remove the icon, click Clear Icon. |
Visibility Layers
Field |
Description |
|---|---|
Visible To |
Determines which users and groups can access this component. If no users or groups are specified, all users can access this component by default. The Hidden From setting overrides this setting. |
Hidden From |
Determines which users and groups are explicitly forbidden to access this component. This setting overrides the Visible To setting. |
Layout
Field |
Description |
|---|---|
Horizontal Alignment |
Sets the horizontal position of any fixed-width components within. Has no visible effect on any component within whose width automatically grows to the size of the parent. |
Vertical Alignment |
Sets the vertical position of any fixed-height components within. Has no visible effect on any component within whose height automatically grows to the size of the parent. |
Slot |
Select the slot to position the component within the Map component. In addition to the various positions on the map such as Top Left and Bottom Center, you can position the component within the map context menu, which appears when the user right-clicks the map. You can also position the component within the Popup slot, which appears at the mouse cursor. This setting only appears when the component is within the Map component. |
Margin (px) |
The margin space around the component, measured in pixels. |
Initially Hidden |
Specifies whether or not the component is initially hidden when the app loads. If selected, the component remains hidden unless activated, for example, by the Show command. |
Show Close Button |
Whether to display the close button |
Show Back Button |
Whether to display the back button |
Show Maximize Button |
Whether to display the maximize button |
Show Minimize Button |
Whether to display the minimize button |
Initial State |
Specifies the initial state of the component. Select either: Default, Minimized, or Maximized. |
