Adding action sets to a layout
Define how your users interact with a layout by creating an action set that links a user behavior to an action in the UI.
For example, your shopping application might include a shopping cart icon control that is paired with a currency control that indicates the price of the items in the cart. When you click on either control, the application opens the shopping cart section ShoppingCart. Because both controls have a common purpose, you can simplify the design by applying the action to the layout that holds the controls.
Note the following accessibility best practices:
- Use the Click event for most actions, especially for links, buttons, icons, and table actions.
- For keyboard-only users, add an Enter key event for every Click event.
- Use the events in the Other events category carefully, for example, Change, and test them with keyboard navigation.
- Use visibility conditions on the client side if possible, and apply them below the control that triggers the change.
- Avoid Hover and Right-click events.
- In Dev Studio, search for and open an existing Section form.
- If the section is based on a template, in the header of the section editor, click convert to full section editor, and then confirm the conversion.
- In the header of the layout to which you want to add an action, click the View properties icon.
- In the Layout properties window, on the
Actions tab, define the action set:
- Click Create an action set.
- In the action set table, click Add an event, and then select the user behavior that triggers the action set.
- In the action set table, click Add an action, and then select the action that the user triggers when interacting with the control.
- If the action that you select requires additional configuration, complete the configuration form.
- Optional: To add more action sets, repeat 4.b through
4.d
for every additional action set.
- Click Submit.
- On the section form, click Save.
Previous topic Adding conditions to an action set Next topic Available UI actions