Lightning Components Developer’s Guide

Clouds with binary code floating aboveCloud with binary code floating above

No Results

Search Tips:

  • Please consider misspellings
  • Try different search keywords
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Adding Lightning Components to Salesforce1

Make your Lightning components available for Salesforce1 users.
Available in: Enterprise, Performance, Unlimited, and Developer Editions

User Permissions Needed
To create Lightning Component Tabs: “Customize Application”

In the component you wish to add, you must include implements="force:appHostable" in your aura:component tag and save your changes.

1<aura:component implements="force:appHostable">

The appHostable interface makes the component available on the navigation menu in Salesforce1.

Include your components in the Salesforce1 navigation menu by following these steps.

  1. Create a custom tab for this component.
    1. From Setup, click Create | Tabs.
    2. Click New in the Lightning Component Tabs related list.
    3. Select the Lightning component to display in the custom tab.
    4. Enter a label to display on the tab.
    5. Select the tab style and click Next.
    6. When prompted to add the tab to profiles, accept the default and click Save.

      Creating a custom tab is a prerequisite to enabling your component in the Salesforce1 navigation menu, but accessing your Lightning component from the full Salesforce site is not supported.

      Note

  2. Include your Lightning component in the Salesforce1 navigation menu.
    1. From Setup, click Mobile Administration | Mobile Navigation.
    2. Select the custom tab you just created and click Add.
    3. Sort items by selecting them and clicking Up or Down.
      In the navigation menu, items appear in the order you specified. The first item in the Selected list becomes your users’ Salesforce1 landing page.
  3. Check your output by going to the Salesforce1 mobile browser app. Your new menu item should appear in the navigation menu.

    By default, the mobile browser app is turned on for your organization. For more information on using the Salesforce1 mobile browser app, see the Salesforce1 App Developer Guide.

    Note