Panel holder display types

The following display types are available for panels in a panel holder.

Tabbed

In a tabbed display, only one panel in the container is visible at a time. To view each panel, users click its tab or press the Tab key.

Only the horizontal orientation is available for tabbed panel holders. Tabbed panel holders do not have Border Thickness or Border Color properties.

Tabbed panel holder
(Click the image to expand it.)

If a tabbed panel holder has more tabs than fit in one row, BMC Remedy Developer Studio display the tabs in two or more rows.

In browsers, multiple rows of tabs are not supported. Instead, if the number of tabs exceeds the width of the panel holder, left and right arrows appear. Users click the arrows to scroll to the tabs that extend beyond the width of the holder. The focus remains on the current panel when scrolling occurs.

Best practice
A performance impact might occur if the tabbed panel contains a table that is populated with large amount of data. We recommend using collapsible, or Accordion style panel.

Collapsible (stacked)

In a collapsible display, multiple panels in a panel holder can be viewed at the same time, either horizontally or vertically.

By default, if a collapsible panel holder contains space that is not allocated to a panel, the extra space is added to the bottom or right-most expanded panel in the holder. This prevents white space from appearing in the holder itself. In addition, you can control the allocation of extra space by assigning priorities to panels (see Distributing slack to avoid scroll bars) and by using the Fit to Content property (see Using Fit to Content to dynamically resize panels).

At design time, collapsible panels appear to have a fixed size. But at runtime, as various panels in the holder are expanded and collapsed by users or hidden and unhidden by workflow, the other panels in the holder shrink and expand to accommodate the changing space in the holder. This can create visual differences between panels at design time and runtime.

Collapsible (stacked) panel holder
(Click the image to expand it.)

Splitter

In a splitter display, multiple panels in a container can be viewed at the same time, either vertically or horizontally, and can be dynamically resized by dragging a splitter control on either side.

By default, if a splitter panel holder has two panels, the first panel gets all the extra space. (For information about allocating space among panels, see Avoiding scroll bars in panels.)

By default, the splitter state of the splitter panel holder is Visible, which enables you to see the splitter and drag it to resize the panels.

Splitter panel holder with splitter state set to Visible
(Click the image to expand it.)

To create a splitter that can be dragged to resize the panels but is not visible, set the splitter state to Invisible. To create a splitter that cannot be dragged and is not visible, set the state to Disabled.

Splitter panel holder with splitter state set to Invisible
(Click the image to expand it.)

Accordion

In an accordion display, the content of only one panel in the panel holder visible at a time. Only the headers for the remaining panels are visible.

At runtime, when you click a panel header, that panel is expanded to display its contents. If another panel was open, it is automatically collapsed and only its header is visible.

Note

Headers cannot be hidden in accordion displays.

Accordion panel holder
(Click the image to expand it.)