Mobile Card Builder user interface
-
- UpdatedJan 30, 2025
- 4 minutes to read
- Yokohama
- Mobile Configuration and Navigation
Learn about the Mobile Card Builder user interface to get started building and modifying your mobile cards.

Top panel

The top panel of the Mobile Card Builder contains the following information and options.
- Menu
- Use the menu to access additional options.
- Use Open to close the current card and open another card.
- Use Edit card properties to update the name and short description of your card.
- Use Change template to replace the current card layout with
one in a card template.Note: Card templates can only be applied to cards created in the Quebec and later releases.
- Use Reset stage to remove all elements from the current mobile card.
- Height and width
- This section displays the height and width of your card in pixels. This information automatically updates as you add and remove components from your card.
- Undo
- Select to undo the last update you made to your card. You can also enter Ctrl+Z or ⌘+Z on your keyboard to perform this action.
- Redo
- Select to redo the last update removed by the Undo command. You can also enter Ctrl+Shift+Z or ⌘+Shift+Z on your keyboard to perform this action.
- Save
- Select save to save your work.
Left Panel
![]() |
The left panel of the card builder contains the following information and options.
|
Center Panel
Use the center panel to design the layout of your card. The panel displays the components of your card. To view the card as it appears in a mobile app, Select the Preview button.

Select a component of your card to highlight it. You can see a tab with the name of your component, and a trash can icon. Select that icon to remove the component from your card. More configuration options for the selected component appear in the right panel.

Select a plus icon () to select a new component to add to your mobile card. For information about adding
a button, see Card actions in Mobile Card Builder.
Remove components by selecting them and then select the delete icon ().
Right Panel
The right panel of the card builder contains the configuration options for the selected component. The available configuration options depend on the type of component selected. When you change a components configuration, can see the changes immediately in the center panel. If you are using the preview option, select Update preview to update the preview of your component. Configuration options include formatting options such as:
You can also use this panel to map field values to components in your card. For details see Customize a screen using Mobile Card Builder . |
![]() |