---
schema_version: "1"
id: 823380fd5d27df4396b1eaf8297b1ba5c7afef88121a9207acfdfe70f50c5ede
title: Interface Elements
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/salesforce_app_agentforce_builder_interface.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.salesforce_app_agentforce_builder_interface.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: f3cafd90786291e3a5beb16785e01df949117a6c79963b1fa30b46c29a4e0373
description: The Mobile Builder for Agentforce interface includes several key panels and areas for designing mobile customizations.
products:
  - Mobile App Mobile App Mobile App
  - Cross Cloud Cross Cloud Cross Cloud
release: "264"
---
# Interface Elements

The Mobile Builder for Agentforce interface includes several key panels and areas for designing mobile customizations.

Mobile Customizations panel

Lists all existing customizations. Select one to edit, or click New Mobile Customization to create one.

Components panel

Lists the layout components you can drag onto the canvas, such as Row, Column, Text, Data Text, Image, Data Image, Data Badge, and Data Button.

Canvas

The central preview where you assemble your layout. Drag components from the Components panel onto the canvas, then rearrange and nest them.

Property panel

Appears on the right when you select a component. Configure the component's data binding, alignment, padding, width, height, and other style options.

Status bar

Includes Save and Publish actions.