Provide users with a familiar way of triggering actions in their applications by using Button controls. For example, users can click a Button control to submit a form that they complete, which creates an intuitive workflow that does not require training.
For more information, see Adding UI components to a view.
- Ensure that captions use descriptive, user-friendly text.
- Avoid helper text and try to clearly describe the action in the caption.
- Use the Strong format for primary actions but do not overuse it.
- Open the view with the control that you want to
edit.For more information, see Accessing views in your application.
- In the configuration pane on the right side of the window, hover over the control, and then click the Edit icon.
- In the Button caption list, select the text that appears on the
- To set the button caption manually, select Text, and then, in the Text field, enter the caption.
- To display a property value as a button caption, select Property reference, and then select the property that you want to link to the button.
Note: Non-autogenerated sections also support parameters as a caption source.
- To make it possible for users to trigger the button's activity by
using shortcut keys, include an ampersand immediately before a letter in the caption text
to designate that letter as the shortcut key.
For example: Enter &History as the caption text to allow application users to press ALT + H to access work item history.
- Add an action to the button.For more information, see Adding action sets to a control.
- Optional: To display the control as a floating button on mobile devices, on the
Presentation tab, select Set as Floating Action Button
(FAB).Floating action buttons disappear from the canvas preview.
- Click Apply.
- Specifying presentation options for a Button control
By consistently using the predefined presentation formats for Button controls in your application, you make the user interface more predictable and help users complete forms more intuitively.