Collapsible Container component
The Collapsible Container component is available in the Shared Components section of the View designer and is visible only if the Shared components bundle is deployed.
Use the Collapsible Container component to customize the height of containers. The text you enter within a container gets wrapped based on the height of the container, and you can choose to view a part of the text or the complete text.
To customize the height of container by using the Collapsible Container
- Log in to BMC Helix Innovation Studio and navigate to the Workspace tab.
- Select the application for which you want to add the Collapsible Container component.
- On the Views tab, click the name of the view definition to which you want to add the Collapsible Container component.
- 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. In the Properties pane, click Settings
and specify your preferences for each option in 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.
Result
The following image shows a view with a collapsed container:
The following image shows a view with an expanded container:
