Add buttons to a card

Buttons are a type of control that lets users perform actions in cards without entering any input aside from a click. Insert, modify, and remove them in the card designer.

Buttons can do one of four things:

  • Run a Power Fx expression
  • Open a screen
  • Open a URL in an external or embedded web browser
  • Show or hide other controls in the card

Prerequisites

Insert a button

  1. Sign in to Power Apps and then select Cards. If the item isn’t in the side panel pane, select …More and then select the item you want.

  2. In the left pane of the card designer, select Insert.

  3. In the tool pane, select the Input category to expand it, and then select Button to add a button to your card.

  4. In the properties pane, enter a Title to display as the button label. Edit the other properties as needed.

    Screenshot of a button's properties in the card designer, with the button title highlighted.

Button types

You can add four types of buttons to your cards:

  • Run PowerFx
  • Show Screen
  • Open Url
  • Toggle Visibility

Run Power Fx

Use a Run PowerFx button to run Power Fx expressions. Learn more about Power Fx and the functions and formulas you can use in an expression.

Select the Power Fx link in the button properties pane to start entering an expression in the formula bar.

Screenshot of a Run PowerFx button properties pane in the card designer.

Show Screen

Use a Show Screen button to display a specific screen beneath the current view. Learn about screens in Power Apps.

In the button properties pane, set the Type to Show Screen, and then select a Screen to open. If you don't have any screens yet, only main will appear in the list.

Screenshot of a Show Screen button properties pane in the card designer.

Open Url

Use an Open Url button to open a web page.

In the button properties pane, set the Type to Open Url and then enter a Url.

Screenshot of an Open Url button properties pane in the card designer.

Toggle Visibility

Use a Toggle Visibility button to show or hide other controls in the card.

  1. In the button properties pane, set the Type to Toggle Visibility.

  2. Select the Target Elements tab, and then select + Add new.

  3. Enter the ElementID and toggle the Visibility property to make the element visible or invisible.

    Screenshot of a Toggle Visibility button properties pane in the card designer, with the Target Elements tab shown.

  4. Continue to add elements as needed.