Salesforce Flexible Pages
-
date post
21-Oct-2014 -
Category
Software
-
view
348 -
download
0
description
Transcript of Salesforce Flexible Pages
![Page 1: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/1.jpg)
Salesforce1 – Flexible PagesKoen Vermachelen
@KoenVM
![Page 2: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/2.jpg)
Safe Harbor Statement http://goo.gl/kpgzcY
![Page 3: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/3.jpg)
Agenda
• What & why• Anatomy of a Flexible Page• Build• Deploy• Adding the page in Salesforce1• Limitations
![Page 4: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/4.jpg)
• App landing page• Key info in one place• Mix & match objects• More control to display your data
What & Why
• Salesforce1 app only• XML-based page• Listviews & Recent Items• Global publisher actions
![Page 5: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/5.jpg)
In your setup area:
How it looks like in the end
In the Salesforce1 app:
Mobile Navigation
Custom Tabs
![Page 6: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/6.jpg)
Anatomy of a Flexible Page
![Page 7: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/7.jpg)
• 2 componentInstanceProperties– entityName = API name of object– filterName = API name of listview
• Component name : flexipage:filterListCard
Click toadd photo
List Component
![Page 8: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/8.jpg)
Getting the Listview API Names• By editing a view
API NAME
![Page 9: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/9.jpg)
Getting the Listview API Names• Through workbench
API NAME
![Page 10: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/10.jpg)
• flexipage:recentItems• 1 componentInstanceProperties
• entityNames = name of objectS• only custom objects! (until Spring 14, fixed as of
Summer 14)
Click toadd photo
Recent ItemsComponent
![Page 11: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/11.jpg)
• quickActionList• add 1 or multiple global actions in the list items
Click toadd photo
Global Actions
![Page 12: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/12.jpg)
The full picture
![Page 13: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/13.jpg)
Build
• Any of your favorite tools (I prefer MavensMate)• Just copy-paste the XML• The files need to have a .flexipage extension
![Page 14: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/14.jpg)
Deploy
• Folderstructure should be as below• Select the flexipages folder + package.xml and ZIP them• Use the metadata API to deploy the package (workbench, ant, ...)
![Page 15: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/15.jpg)
Adding the page in the Salesforce1 app• Once deployed, create a Flexible Page Tab for it
– (Setup > Create Tab > Flexible Page Tab)
• Then, just add the tab in the Mobile Navigation– Mobile Administration > Mobile Navigation
![Page 16: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/16.jpg)
Limitations
• List component supported objects :– Before Summer 14 release:
• Custom Objects, Account, Campaign, Case, CollaborationGroup, Contact, Contract, Lead, LiveChatTranscript, Opportunity
• No support for the Activity object (tasks & events)– After Summer 14 release
• All list views associated with standard and custom objects except– Activity– ContentVersion– Task– User– UserProfile
![Page 17: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/17.jpg)
Limitations - Continued
• Recent Items component supported objects :– Before Summer 14 release:
• Only Custom Objects– After Summer 14 release
• All custom objects• All standard objects for which both of these conditions are true:
– A compact layout is defined for the object– The object is tracked in the most recently used objects list (meaning, the object has a LastViewedDate or LastReferencedDate field)
• So no support still for the Activity object (tasks & events)
![Page 18: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/18.jpg)
Limitations - Continued
• Flexible Pages in Communities:– Before Summer 14 : not available– After Summer 14 : available!
• General limit of 25 components per Flexible Page
![Page 19: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/19.jpg)
Resources
• Salesforce documentation on Flexible Pages: http://goo.gl/feG2jL• Deploying a Flexible Page : http://goo.gl/U9sT7i
![Page 20: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/20.jpg)
Flexible Pages - Quick Recap
• Nice landing pages for your Salesforce1 apps with key infos• More flexible then the smart search items• Easy to build (copy paste and just some renaming)
![Page 21: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/21.jpg)
![Page 22: Salesforce Flexible Pages](https://reader033.fdocuments.in/reader033/viewer/2022061106/5446cf67b1af9fd33a8b46e5/html5/thumbnails/22.jpg)
Koen Vermachelen@KoenVM