Book Image

Visualforce Development Cookbook

By : Keir Bowden
Book Image

Visualforce Development Cookbook

By: Keir Bowden

Overview of this book

Visualforce, in conjunction with Apex, makes it easy to develop sophisticated, custom UIs for Force.com desktop and mobile apps without having to write thousands of lines of code and markup. The "Dynamic Binding" feature of Visualforce lets you develop generic Visualforce pages to display information related to the records without necessarily knowing which data fields to show. This is accomplished through a formula-like syntax, which makes it simple to manage even a complex hierarchy of records. "Visualforce Development Cookbook" provides solutions for a variety of challenges faced by Salesforce developers and demonstrates how easy it is to build rich, interactive pages using Visualforce. Whether you are looking to make a minor addition to the standard page functionality or override it completely, this book will provide you with the required help throughout. "Visualforce Development Cookbook" starts with explaining the simple utilities and builds up to advanced techniques for data visualization and reuse of functionality. This book contains recipes that cover various topics like creating multiple records from a single page, visualizing data as charts, using JavaScript to enhance client-side functionality, building a public website and making data available to a mobile device. "Visualforce Development Cookbook" provides lots of practical examples to enhance and extend the Salesforce user interface.

Related Content you might be interested in

Current Title:

Small book image
Visualforce Development Cookbook
Keir Bowden
Sep, 2013 | 334 pages
No titles found
Table of Contents (16 chapters)
Visualforce Development Cookbook
Visualforce Development Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
General Utilities
General Utilities
Introduction
Overriding standard buttons
Data-driven styling
Turning off an action poller
Visualforce in the sidebar
Passing parameters to action methods
Reacting to URL parameters
Passing parameters between Visualforce pages
Opening a pop-up window
Adding a launch page
Testing a custom controller
Testing a controller extension
2
Custom Components
Custom Components
Introduction
Passing attributes to components
Updating attributes in component controllers
Passing action methods to components
Data-driven decimal places
The custom iterator component
Setting a value into a controller property
Multiselecting related objects
Notifying the containing page controller
3
Capturing Data Using Forms
Capturing Data Using Forms
Introduction
Editing a record in Visualforce
Adding error messages to field inputs
Adding error messages to nonfield inputs
Using field sets
Adding a custom lookup to a form
Adding a custom datepicker to a form
Retrieving fields when a lookup is populated
Breaking up forms with action regions
The "Please wait" spinner
Avoiding validation errors with action regions
Action chaining
Errors – harmful if swallowed
4
Managing Records
Managing Records
Introduction
Styling fields as required
Styling table columns as required
Attaching an image to a record
Managing attachments
Maintaining custom settings
Refreshing record details from embedded Visualforce
Using wrapper classes
Changing options based on the user input
Changing page layout based on the user input
Form-based searching
5
Managing Multiple Records
Managing Multiple Records
Introduction
Preventing duplicates by searching before creating
Editing a record and its parent
Managing a list of records
Converting a lead
Managing a hierarchy of records
Inline-editing a record from a list
Creating a Visualforce report
Loading records asynchronously
6
Visualforce Charts
Visualforce Charts
Introduction
Creating a bar chart
Creating a line chart
Customizing a chart
Adding multiple series
Creating a stacked bar chart
Adding a third axis
Embedding a chart in a record view page
Multiple charts per page
7
JavaScript
JavaScript
Introduction
Using action functions
Avoiding race conditions
The confirmation dialog
Pressing Enter to submit
Tooltips
The character counter
The onload handler
Collapsible list elements
The scrolling news ticker
Carousel messages
Hiding buttons on submit
Client-side validation
Trapping navigation away
8
Force.com Sites
Force.com Sites
Introduction
Creating a site
Record and field access
Retrieving content from Salesforce
Web to lead form
Creating a website template
Adding a header menu to a template
Adding a sidebar to a template
Conditional rendering in templates
9
jQuery Mobile
jQuery Mobile
Introduction
Mobilizing a Visualforce page
Navigation and transitions
Adding a navigation bar
Working with dialogs
Listing records
Mobile Visualforce forms
Redirecting to the mobile page based on the browser
Storing the user's location
Scanning the QR code to access the page
Index
Index

Creating a line chart

Line charts are useful to demonstrate changes in data over time. A typical use in Salesforce is to view the number of records with a particular characteristic over a period of time.

In this recipe, we will create a Visualforce page containing a line chart that displays the total number of closed cases per month for the previous 12 months.

Getting ready

This recipe makes use of a custom controller, so this will need to be created before the Visualforce page.

How to do it…

  1. First, create the custom controller by navigating to the Apex Classes setup page by clicking on Your Name | Setup | Develop | Apex Classes.

  2. Click on the New button.

  3. Paste the contents of the LineChartController.cls Apex class from the code download into the Apex Class area.

  4. Click on the Save button.

  5. Next, create the Visualforce page by navigating to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

  6. Click on the New button.

  7. Enter LineChart in the Label field.

  8. Accept the default LineChart...

Previous Section
End of Section 4
Next Section