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

Adding a navigation bar


As HTML5 applications may either hide the mobile browser controls or navigate via JavaScript manipulation of the DOM, a different mechanism of navigating between pages must be used. jQuery Mobile provides a navbar widget that may be placed in the header, footer, or body of a page. This widget contains buttons to support navigation to other pages, and may be up to five buttons wide, after which it will wrap onto the next line.

In this recipe we will create mobile Visualforce pages for the Home and About elements of an application with a common navigation bar in the footer of the page. In order to avoid repetition of common content, we will use a template to generate the header and footer information, allowing each page to inject its content into appropriate areas of the page. The navigation bar will highlight the button for the current page. Finally, we will provide an additional button in the navigation bar to open a Facebook-style panel.

How to do it…

This recipe does...