Expander

Version: 9.0

An Expander control is a container that can open and close. Users can toggle between the open and the closed state by clicking an icon that the control always displays. An Expander control opens or closes with a brief sliding animation. You can add a text (a “title”) that is displayed in both the open and the closed states, by setting the Text property.

You add components to an Expander control by setting the PlaceholderKeys property to the Expander control’s Body placeholder.

The default state of an Expander control is “open.”

The AdvancedExpander control offers similar features and adds the capability to have buttons in a “header” that is always open.

Properties

Name

Description

Default

Appearance

IsOpen

If true, the Expander control displays its contents. If false, the component appears collapsed.

True

Text

Specify a text that the control always displays (a “title”). You can enter a static text, set the text from page code, or you can bind to a property of another control.

Configuration

You can create a configuration item for an Expander control by creating an item based on the Expander template.

The configuration item has these specific fields:

  • IsOpen

  • Text. This field corresponds to the Text property, and you use the field to make it easier to translate UI texts.

It inherits these fields:

  • IsVisible

  • AccessKey

  • Tooltip

  • Behaviors

  • Id

Do you have some feedback for us?

If you have suggestions for improving this article,