{"revision":"c10276e953456835cdbb1f3a60d58ae1980be353","document":{"id":34742,"path":"mobile/configure-cards-mab.md","title":"Configure cards in Mobile App Builder","bundle":null,"doc_type":null,"release":"australia","body":"\n# Configure cards in Mobile App Builder\n\nUse cards to visually display information from different records by mapping data to the UI elements defined in a card template. UI rules can also be used to define conditional styling on cards.\n\n## Before you begin\n\nRole required: admin or delegated developer\n\n## Procedure\n\n1.  Navigate to **All** > **System Mobile** > **Mobile App Builder**.\n\n    The Mobile App Builder opens in a new browser tab and displays the application scope selection screen.\n\n2.  Search for the application scope you’re working in and then select the name of the application screen.\n\n    The Mobile App Builder categories home screen displays.\n\n3.  Select **Cards & icons** in the menu, and then select **New**.\n\n4.  Select **Card** from the displayed menu, and then select **Continue**.\n\n5.  Complete the following fields as needed.\n\n    |Field|Properties|\n    |-----|----------|\n    |Properties|\n    |Name|Name for the card.|\n    |Description|Additional information about your card.|\n    |Active|Determines if this card is visible in your mobile app.|\n    |Data|\n    |Table|Table from which the card gets its data.|\n    |Card template|Choose a card template that will create the UI layout for your card.|\n    |Card fields|Add additional fields from the card's table that aren’t included in the card template.|\n    |UI rules|Determine how the mobile interface will change or which fields will update when certain conditions are met.|\n    |Advanced scripting of UI rule conditions|Toggle to allow for variables not present in the card template to be used in the UI rule conditions of your mobile card.|\n\n6.  Select **Save**.\n\n7.  Select **Open in Mobile Card Builder** to open the Mobile Card Builder view.\n\n    The Mobile Card Builder view displays.\n\n8.  Edit the appearance of your card and select **Save** once you’re finished.\n\n9.  Close the Mobile Card Builder view to return to your Mobile App Builder screen.\n\n\n"}}