Lightning Components Developer's Guide

Introducing the Lightning Component Framework
Quick Start
Before You Begin
Create a Standalone Lightning App
Optional: Install the Expense Tracker App
Create an Expense Object
Step 1: Create A Static Mockup
Step 2: Create A Component for User Input
Step 3: Load the Expense Data
Step 4: Create a Nested Component
Step 5: Enable Input for New Expenses
Step 6: Make the App Interactive With Events
Summary
Create a Component for Salesforce1 and Lightning Experience
Creating Components
Working with UI Components
Using Expressions
Supporting Accessibility
Communicating with Events
Creating Apps
Debugging
Reference
PDF

Newer Version Available

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

Optional: Install the Expense Tracker App

If you want to skip over the quick start tutorial, you can install the Expense Tracker app as an unmanaged package. Make sure that you have a custom domain enabled in your organization.
A package is a bundle of components that you can install in your org. This packaged app is useful if you want to learn about the Lightning app without going through the quick start tutorial. If you’re new to Lightning components, we recommend that you go through the quick start tutorial. This package can be installed in an org without a namespace prefix. If your org has a registered namespace, follow the inline comments in the code to customize the app with your namespace.

Make sure that you have a custom domain enabled. Install the package in an org that doesn’t have any of the objects with the same API name as the quick start objects.

Note

To install the Expense Tracker app:

  1. Click the installation URL link: https://login.salesforce.com/packaging/installPackage.apexp?p0=04t1a000000EbZp
  2. Log in to your organization by entering your username and password.
  3. On the Package Installation Details page, click Continue.
  4. Click Next, and on the Security Level page click Next.
  5. Click Install.
  6. Click Deploy Now and then Deploy.
When the installation completes, you can select the Expenses tab on the user interface to add new expense records.Click the Expenses tab to create new expense records.The Expenses menu item on the Salesforce1 navigation menu. If you don’t see the menu item in Salesforce1, you must create a Lightning Components tab for expenses and include it in the Salesforce1 navigation menu. See Add Lightning Components to Salesforce1 for more information.

The Lightning component tab isn’t available if you don’t have a custom domain enabled in your org. Verify that you have a custom domain and that the Expenses tab is available in the Lightning Components Tabs section of the Tabs page.

Note

Salesforce1 Navigation.The Expenses menu item appears in Salesforce1.

For Lightning Experience, the Expenses tab is available via the App Launcher in the custom app titled “Lightning”.

Access the Lightning app via the App Launcher.

Next, you can modify the code in the Developer Console or explore the standalone app at https://<myDomain>.lightning.force.com/<namespace>/expenseTracker.app, where <myDomain> is the name of your custom Salesforce domain.

To delete the package, from Setup, enter Installed Package in the Quick Find box, select Installed Package, and then delete the package.

Note