Customizing the height of containers by using the Collapsible Container component

To customize the height of container by using the Collapsible Container

1. Log in to BMC Helix Innovation Studio and navigate to the Workspace tab.
2. Select the application for which you want to add the Collapsible Container component.
3. On the Views tab, click the name of the view definition to which you want to add the Collapsible Container component.
4. On Palette, expand the Shared Components list, click and drag the Collapsible Container component to the canvas in the order that you want them to appear on the view.

5. In the Properties pane, click Settings and specify your preferences for each option on the General tab as listed in the following table:
   
   

   Property	Description	Example
   Collapse Height	Specify the height of the container.
   Button Position	Specify the position of the Show (Show more and Show less) button.
   CSS classes for Container	Specify CSS class names to apply to the container. For more information, see CSS classes used in View designer components.

Result

The following image shows a view with a collapsed container:

The following image shows a view with an expanded container: