This documentation supports the 22.1 version of BMC Helix Innovation Studio.

To view an earlier version, select the version from the Product version menu.

Customizing the height of containers by using the 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

  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 in the General tab as listed in the following table:

    PropertyDescriptionExample

    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:

Was this page helpful? Yes No Submitting... Thank you

Comments