Button control in cards

A button control that executes Power Fx, opens a URL, shows a screen, or toggles visibility on select. Learn more about how to use the button control.

Buttons are added under the actions section of the tree view at the bottom of the card by default. This button can be placed elsewhere in the card and grouped with other buttons using a button set control.

Properties

Type – What action the button should take on select - can be Show Screen, Run Power Fx, Open Url, or Toggle Visibility.

OnSelect - The Power Fx that executes when a user taps or clicks on the button of type 'Run Power Fx'.

Screen - The screen that is shown below the current card when a user taps or clicks on a button of type 'Show Screen'.

Url - The url to open when a user taps or clicks on a button of type 'Open Url'.

Target Elements - The elements to change the visibility of when a user taps or clicks on a button of type 'Toggle Visibility'.

Title - Label for button or link that represents this button.

Style - Controls the style of a button, which influences how the button is displayed, spoken, etc.

Tooltip - Defines text that should be displayed to the end user as they hover the mouse over the action, and read when using narration software.

Mode – Determines whether the action should be displayed as a primary button or in the overflow menu that's secondary.

IconUrl - Optional icon to be shown on the button beside the title. Supports data URI in version 1.2+.

Associated inputs - Controls which inputs are associated with the action.

Repeat for every - The source of data that is used to show multiple instances of this control. Learn how to use repeat for every.

Show when - Conditional layout expression.