Configuring a Button control
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 controls.
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 button:
Non-autogenerated sections also support parameters as a caption source.
- 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.
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.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.
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.
- Specifying presentation options for a Button control
Three predefined formats are available for buttons: Strong, Standard, and Simple. Using these formats consistently in your application makes the user interface more predictable and makes it easier for users to complete forms.