User Interface
You can build user interfaces on Force.com in two ways: Use Visualforce, a complete component-based framework for building and deploying custom user interfaces, or use the dynamic, metadata-driven, automatically generated user interfaces and page layouts.
Overview
- An Introduction to Visualforce A comprehensive technical introduction to Visualforce, covering all aspects of the technology.
- User Interfaces on Force.com A two minute screencast.
Official Documentation
Visualforce Developer's Guide- Version 18.0 for Spring '10: HTML | PDF | Earlier Versions
- Version 17.0 for Winter '10: HTML | PDF | Earlier Versions
- Reference for Visualforce.
- Basic Tutorial | Advanced Tutorial
- A quick start tutorial introduction to the Visualforce markup language.
- Print it out and hang it on your wall for a handy quick reference.
Resources
- Visualforce Cheat Sheet: A concise reference guide to Visualforce.
- An Introduction to Visualforce:A comprehensive technical introduction to Visualforce, covering all aspects of the technology.
- Security Tips for Apex and Visualforce Developers
- Force.com Tutorial: An Introduction to Visualforce: This article provides a series of tutorials that contain enough material for you to get started building your own applications utilizing Visualforce.
- Using Browser Technologies in Visualforce - Provides an overview of how standard browser technologies, including AJAX and Flex, relate to Visualforce pages. Part 1 Part 2 Part 3 Part 4
- Force.com for ASP.NET Developers: This article provides a dive deep into using the Force.com Platform Web Services to access your Salesforce.com data from within a Visualforce page or from within a Microsoft ASP.NET Web form.
- Build Any UI for Any App Using Visualforce: This presentation from Dreamforce '08 shows how to customize and componentize common UI elements and easily add them to Visualforce Pages.
- Visualforce Controllers and Components: Building Reusable UI Building Blocks: This technical introduction to Visualforce includes code walkthroughs and covers topics such as components and common use cases.
- Force.com as a Google Visualization Data Source: Expose data on Force.com to support the Google Visualization API.
- Whitepaper: Visualforce A very high-level overview of Visualforce, which looks at its place on the platform and interactions with other technologies.
- Visualforce Technical Overview This screencast presentation explains Visualforce, and walks you through the basics of how you can use it to build powerful user experiences into your on-demand apps.
- Introducing Visualforce - Create Any User Interface as a Service Get in-depth coverage provided by top salesforce.com technical experts.
- Visualforce and Visualforce Components Demo This 5-minute screencast shows the power of embedding default and custom Visualforce Components to create a dynamic user interface.
Discussion Boards
- Visualforce Board
- General Development Board (for Page Layouts)
Code Samples
Here's a list of code samples to help you get started.
- Extended Print Preview - How to use Visualforce to create extended print previews
- Dynamic Edit Page - How to augments another component, giving it some Ajax behavior for the purpose of controlling the visibility of a section of the given Visualforce page dynamically as the user modifies values in a form.
-
Wrapper Class-Use a wrapper class to incorporate checkboxes into a data table
-
Sorting Tables- An example that shows you how to sort lists that contain Standard or Custom objects and create a sortable table