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.
Table of Contents (16 chapters)
Visualforce Development Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Tooltips


Tooltips allow additional information to be provided when an HTML element is hovered over. The standard title attribute available for any HTML element provides a basic tooltip, but the output of this attribute cannot be styled or use custom transitions to appear in interesting ways.

In this recipe we will create a Visualforce page containing a list of opportunities. Each column heading in the list provides an explanatory tooltip when the header text is hovered over. The tooltip is styled and slides down to reveal itself.

Getting ready

This recipe uses the jQuery (http://jquery.com/) JavaScript framework and jQuery User Interface (http://jqueryui.com/) library to produce, style, and transition the tooltip. The JavaScript and CSS files are included from the Google Hosted Libraries content delivery network rather than being uploaded as Salesforce static resources, as this makes it straightforward to move to new versions simply by changing the URL of the included file.

This recipe makes...