Collapsible panels

You can set panels to be collapsible in the PolicyCenter interface. When a panel is collapsed, its contents are hidden, and it appears only as its title bar with an indicator arrow. To collapse or expand the panel, click its title bar.

Make a panel collapsible

A collapsed panel hides its contents and appears only as its title bar.

About this task

When you collapse or expand a panel on a particular screen, it remains in that state even as you navigate to other PolicyCenter screens.

Procedure

  1. In Guidewire Studio, in the PCF editor, edit the panel.
  2. Set the collapsible property for the panel to true.
  3. To have the panel start in a collapsed state when it first appears, set the startCollapsed property for the panel to true.

Create an accordion effect with collapsible panels

An accordion is an interface element that is composed of multiple collapsible panels.

About this task

Only one panel in the accordian group can be expanded at a time. When you expand any panel, all other panels in the group are automatically collapsed.

Procedure

  1. In Guidewire Studio, in the PCF editor, edit each panel that is part of the accordion group.
  2. Set the accordionGroupId property for each panel in the group to the same string value.

Synchronize collapsible panels across multiple screens

Configure panels on multiple screens to appear in the same collapsed state.

About this task

When you expand or collapse a panel on one screen, other panels that are synchronized with it change to that same state. Synchronizing panels may be useful when the same panel is used in multiple screens.

A synchronized panel on the same screen will not change its state until you navigate to a different screen and then navigate back again.

Procedure

  1. In Guidewire Studio, in the PCF editor, edit each panel that is to be synchronized.
  2. Set the sharedPersistentCollapseId property for each panel to the same string value.