Salesforce1 Mobile App Developer Guide

Introduction
About This Book
Setting Up Your Work Environment
Salesforce1 Administration
Developing for Salesforce1
Welcome to Salesforce1 Platform Development
Designing Mobile-First User Interfaces
Extending Salesforce1 with Visualforce Pages
Adding Functionality with Visualforce Custom Actions
Integrating Your Web Applications in Salesforce1 with Force.com Canvas
Calling Quick Actions from the API
Extending the User Interface with Lightning Pages
What Is a Lightning Page?
Lightning Pages: The Big Picture
Before We Begin: Download the Deliveries App
Creating a Lightning Page
Try It Out: Create a Lightning Page
Assigning Quick Actions to A Lightning Page
Deploying a Lightning Page
About Lightning Page Tabs
Making Your Lightning Page Available in Salesforce1
Tell Me More: Lightning Pages
Development Guidelines and Best Practices
Learning More
PDF

Creating a Lightning Page

You create a Lightning Page manually in XML, then deploy it into Salesforce either through the Force.com Migration Tool, the Force.com IDE, or Workbench.

The Lightning Page layout and style is provided by Salesforce. There’s no custom coding necessary.

Here’s a sample of what a Lightning Page XML file looks like. This is our Deliveries app starting code, which we’ll work with in the next exercise.

Annotated Code Sample

  1. Start of the Lightning Page region. Lightning Pages can have only one region.
  2. Start of the componentInstances properties.
  3. Start of the flexipage:filterListCard component.
  4. Name of the region. Must be “main”.
  5. Master label of the Lightning Page.

Ready to give it a shot? Let’s create one for ourselves.