Adding a View preset selector to a view
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.- 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
- Log in to BMC Helix Innovation Studio and navigate to the Workspace tab.
- Select the application, on the Views tab, and click the name of the view definition on which you want to use view presets.
- From Palette, drag the View preset selector component to the canvas.
In the Properties pane, click Settings
, and then specify the properties:Property
Description
Example
Name
Enter a name for the preset selector.
View preset names
Add 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.
Enable sharing
Use the toggle key to turn sharing of the custom view preset on or off.
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.
CSS classes
Defines the style of the component.
For more information, see CSS-classes-used-in-View-designer-components.
- Click Save.
To use a 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.
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.
- Log in to the application where you have a view with the View preset selector component.
- 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. - To save the updates as a custom view preset, click Save as.
- 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:
To share or delete a custom view preset at runtime
You can only share custom view presets that are created by you.
- Log in to the application where you have a view that has the View preset selector component.
On the view, select the custom view preset that you want to share with the recipients, and click Share.
In the Share dialog box, in the Share preset with field, enter the name of the recipients with whom you want to share the custom view presets.
- Click Add.
- (Optional) To remove the recipients from the list, select the name of the recipient, and click Remove.
- Click Save.
- (Optional) To view the custom view presets shared with you, from the preset selector, click Shared with me.
(Optional) To delete the shared view preset, select the shared view preset, and click Delete.
The following video displays an example of sharing the custom view preset with multiple users: