Edit

Card designer overview

  • Article

The Power Apps card designer is the drag-and-drop interface in which you build cards.

  1. Sign in to Power Apps and select your environment.

  2. In the left pane, select Cards. If the item isn’t in the side panel pane, select …More and then select the item you want.

  3. To open the card designer, select Create, and then select + Create a card.

The card designer interface

Screenshot of the Power Apps card designer with elements highlighted.

Legend:

  1. Main menu
  2. Tool pane
  3. Card canvas
  4. Card
  5. Property pane
  6. Formula bar
  7. Play button

Use the main menu to switch between the tools available in the card designer.

  • Tree View: View card elements as a hierarchy and view the relationships between elements
  • Insert: Add controls
  • Data: Add connectors to incorporate data from external sources
  • Variables: Store and reuse data

Tool pane

Use the tool pane to add and view card elements like controls, connectors, and variables to your card.

Card canvas and card

The card canvas is where you build your card by adding connectors, variables, and controls from the tool pane.

Note

You can't resize a card in the card canvas. Cards automatically fit themselves to the location they're placed in.

Property pane

Use the property pane to modify an element by editing its properties. Each element, and the card itself, has its own property pane. For most of the drag-and-drop elements, you can specify basic properties:

  • Name: The name of the element, either the default name or a name you provide. You can refer to an element by name in a Power Fx formula.
  • Label or Text: Text that's shown on the card
  • Default value: The initial value of an element
  • Initially visible: Whether the element is visible when the card is opened

Certain elements have visual properties that you can modify. For text labels and input controls, for example, you can customize the font, color, spacing, and more.

Each element also has advanced properties, such as:

  • Repeat for every: Trigger whether or when an element should be repeated
  • Show when: Trigger when to show the element
  • Requires: Make the element dependent on certain features with a corresponding minimum version

You can also enter Power Fx expressions in some properties, creating low-code solutions that make your card more powerful.

Formula bar and Power Fx editor

Use the formula bar to enter a Power Fx expression as a property of the selected control (for example, to calculate a value when a button is clicked). The formula bar even assists you as you're writing an expression. Learn more about Power FX and the functions and formulas you can use in an expression.

Note

Some expressions that are supported in Power Apps aren't available for cards. For more information, go to Power Fx and cards overview.

Play button

Use the Play button to preview, test, and, if needed, troubleshoot and debug your card.

Next steps

Make your first card.