Example: Configuring an Expand / Collapse Row Button

You can add an Expand / Collapse Row button via the Toolbox and configure it using the Tag Attributes dialog.  This button expands and collapses a multi-line ‘repeater’ row in a table control, allowing the user to expose and hide additional detail.

Step 1: Add a new (second) row to the 'Table row' area and add something of interest to the new row, such as a table control.

Step 2:  Drag an expand / collapse button from the toolbox onto the first row in the 'Table row' area.

Step 3:  Right-click --> Style --> Row... to configure the newly added (second) row via the Tag Attributes dialog.

Step 4:  Add the 'id' and 'runat' attributes to the row as described in the configuration page.

Step 5:  The expand / collapse button now works!

See Also

Configuring Cell, Row and Table Styles