Loading
Extend Salesforce with Clicks, Not Code
Table of Contents
Filter by (0)Add
Select Filters

          No results
          No results
          Here are some search tips

          Check the spelling of your keywords.
          Use more general search terms.
          Select fewer filters to broaden your search.

            Search all of Salesforce Help
            Search all of Salesforce Help
            Create a Mobile App Page with the Lightning App Builder

            You are here:

            1. Salesforce Help
            2. Docs
            3. Extend Salesforce with Clicks, Not Code

            Create a Mobile App Page with the Lightning App Builder

            Create a mobile home page for the Salesforce mobile app. Your users can see this page right when they log in.

            Required Editions

            Lightning App Builder available in: both Salesforce Classic and Lightning Experience
            Lightning app pages available in: both the Salesforce mobile app and Lightning Experience

            Available in: Group, Essentials Professional, Enterprise, Performance, Unlimited, and Developer Editions
            User Permissions Needed
            To create and save Lightning pages in the Lightning App Builder: Customize Application
            Note
            Note These steps are similar to Create an App Home Page with the Lightning App Builder. That’s because when you create an app page or record page, it can be made available on both Lightning Experience and the Salesforce mobile app. The following steps focus on creating an app page for the mobile app only.
            1. From Setup, enter App Builder in the Quick Find box, then select Lightning App Builder.
            2. Click New.
            3. Select App Page and then click Next.
            4. Give your app page a label, and then click Next.
              The label can be up to 80 characters.
            5. Select the first template (Header and Left Sidebar) and click Done.
              If this is a mobile-only page, it doesn't matter which template you pick. If you plan to share this page between mobile and desktop users, choose the template most appropriate for desktop use. On mobile devices, the page responsively collapses into a single column.
            6. Make sure you’re viewing the template preview using the Phone form factor. The regions on the template are displayed in a one column layout.
              App page preview using phone form factor
            7. Drag the components that you want onto the page.
              Drag components up and down to rearrange them. You can also click a component’s top or bottom border to create an insertion point (Insertion Point Icon) for the next component.
              To increase mobile adoption, we recommend making available the top features that your users use most frequently. For example, the Recent Items can take them back into the records that they were working with. Also, the List View standard components can be set to their open tasks to improve productivity in the mobile app.

              Remember that screen space and bandwidth are precious on mobile, so try to limit each page to 4 or 5 components at most. If you overload the page with features, it can be slow and harder to use.

              See Preview Mobile App Pages in Lightning App Builder.
            8. Click each component on the page to configure its properties.
            9. Click in the empty area of the canvas or on the Page link in the breadcrumb to configure the page properties.
              The Description field is limited to 255 characters. The API Name field is limited to 80 characters, but if you have a namespaced org, we recommend using fewer than 65 characters. When you create a Lightning page, the API name is derived from the first 40 characters of the label that you give the page.
            10. Optionally add global actions to your page.
              Global actions help your users perform tasks easily from the app page, like log a call, create a new case or event etc.
              1. In the page properties, click Select.
              2. Add, remove, or reorder the actions for your page.
                Actions you select appear on the page’s action bar and in the highlights panel at the top of the page in Lightning Experience. An app page is the only type of Lightning page that you can add actions to in this way. Other Lightning pages derive their actions from the object and global page layouts.
              3. Click OK.
            11. Click Save when you’re done editing your page.

            To give your users access to the mobile app page, you must activate it. You can limit the page to mobile users during the page activation process. After activation, you can add this to any Lightning App in the App Manager for your users to personalize. If your Lightning App is available on both desktop and mobile, you can use the same page across both. Or create a Lightning App specifically for your mobile users, and add it to the navigation there.

             
            Loading
            Salesforce Help | Article