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.

Adding a View preset selector to a view

Use the View preset selector, a built-in view component, to create a list of customizable view presets. A view preset is a predefined collection of configurations applied to a view. As a developer or an application business analyst, you can add a View preset selector to a view that you are creating or updating. You can also add, rename, or delete a view preset by using View preset selector actions at runtime.

You can add multiple view preset selectors to a view. You can associate one View preset selector with multiple view components, but you can associate one view component with only one View preset selector.

Types of view presets in View preset selector

BMC Helix Innovation Studio supports the following types of view presets:

  • Shared view presets—These view presets are created at design time and can be modified only at design time. You can customize the shared view presets at runtime, and save the changes as custom view presets. You can also save the shared view preset as a custom view preset by renaming the view preset.
    By default, the first shared view preset is applied when you open a view.


    You cannot delete or update a shared view preset at runtime. 

  • Custom view presets—These view presets are defined at runtime. You can create, update, rename, and delete the custom view presets after the view is loaded. 

To add a View preset selector to a view

  1. Log in to BMC Helix Innovation Studio and navigate to the Workspace tab.
  2. Select the application, on the Views tab, and click the name of the view definition on which you want to use view presets.
  3. From Palette, drag the View preset selector component to the canvas.
  4. In the Properties pane, click Settings , and then specify the properties:

    NameEnter a name for the preset selector.

    View preset namesAdd one or more names of the view presets that you want to display on the View preset selector at runtime, and then click Add to list.
    Available on devices

    From the following device options, select the devices on which the component should be visible:

    • Desktop
    • Mobile
    • Tablet

    By default, all three options are selected. 

  5. Click Save

To use shared view preset in view components

You can use a shared preset selector in a Record grid component. For more information, see To use the preset selector in a record grid.


You can use one View preset selector, with multiple view components.

To create a custom view preset at runtime

You can customize a view preset condition at runtime and save it as a custom view preset to the View preset selector. 

  1. Log in to the application where you have a view with the View preset selector component. 
  2. On the view, update the view preset condition.
    For example, you can customize the view preset condition for a Record grid by changing the width of the column, and sorting the column in an ascending format. 
  3. To save the updates as a custom view preset, click Save as
  4. In the Save as dialog box, provide the name for the new custom view preset, and click Save.
    The custom view preset is saved to the View preset selector.

You can rename or delete the custom view preset. You can also discard the customizations made to the view preset.

The following video displays an example of creating and adding a new custom view preset to the View preset selector:

Related topics

Defining the user interface through view definitions

View definition components

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