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
Custom Actions Scenario
Try It Out: Create a Visualforce Custom Action
Add the Visualforce Custom Action to the Page Layout
Test Out the Visualforce Custom Action
Tell Me More: About the Code
Integrating Your Web Applications in Salesforce1 with Force.com Canvas
Calling Quick Actions from the API
Extending the User Interface with Lightning Pages
Development Guidelines and Best Practices
Learning More
PDF

Add the Visualforce Custom Action to the Page Layout

Now we’ll add the custom action to the Account page layout.
  1. From Setup, click Customize | Accounts | Page Layouts.
  2. Click Edit next to the Warehouse Schema Account Layout.
  3. Click the Salesforce1 Actions category in the palette.
  4. In the Actions in the Salesforce1 Action Bar section, click override the predefined actions.
  5. Drag the Create Quick Order element into the Actions in the Salesforce1 Action Bar section so that it appears as the first element on the left.
    Our mobile technicians are going to use this custom action a lot, so we’re putting it at the start of the list so it is one of the first actions they see in the action bar.
  6. If it’s present, drag the Mobile Smart Actions element out of the section and back to the palette.
  7. Click Save.

Now that we’ve created the custom action and added it to the page layout, we’re ready to see it in action.