• Page
|
• Edit

Navigation: Developer Force | Visualforce (User Interface)

Visualforce

Every Force.com app has a standard user interface with one or more page layouts that correspond to the app's objects. But sometimes, you need to develop an app with a completely unique user interface.

Visualforce is a Web-based framework that lets you quickly develop sophisticated, custom UIs for Force.com desktop and mobile apps. Using native Visualforce markup and standard Web development technologies such as HTML5, CSS, JavaScript, and jQuery, you can rapidly build rich UIs for any app.

This page is the primary topic page for Visualforce.

Recommended Visualforce Learning Path

To begin learning about Visualforce, follow this path.

1. Visualforce: An Overview
2. Quick Starts [ Basic | Advanced ]
3. An Introduction to Visualforce
4. Introduction to Visualforce (Dreamforce 2012)
5. Visualforce Workbook

Related Visualforce Resources

Here are some other helpful resources for Visualforce.

Blog Posts

• Blog posts tagged "Visualforce"

Documentation

• Visualforce Developer's Guide [ HTML | PDF ]
• Visualforce Component Reference
• Visualforce Performance: Best Practices
• Customizing Case Feed with Visualforce [ HTML | PDF ]

Articles

• An Introduction to Visualforce
• Delivering Static Resources with Visualforce
• An Introduction to Visualforce View State
• Developing Apps with jQuery
• Adding CAPTCHA to Force.com Sites
• Secure Coding Guideline

Related Topic Pages

• Mobile Components for Visualforce

Conference Sessions

• 7 Habits of Highly Efficient Visualforce Pages (Dreamforce 2012)
• Developing a Product Recall App on Force.com in a Week (Dreamforce 2012)
• Introduction to Visualforce for Mobile Devices (Dreamforce 2012)
• Creating and Using Visualforce Mobile Components (Dreamforce 2012)
• Building Desktop & Mobile HTML5 Applications with Sencha and Force.com (Dreamforce 2012)
• JavaScript Patterns and Practices from the Salesforce Experts (Dreamforce 2012)
• Leverage StandardSetController in Apex and Visualforce (Dreamforce 2012)
• Make Your Visualforce Pages Responsive (Dreamforce 2012)
• MavensMate: An Open Source Alternative to the Force.com IDE (Dreamforce 2012)
• Performance Tuning for Visualforce and Apex (Dreamforce 2012)
• Socializing Enterprise Apps using Apex, Visualforce, and Chatter (Dreamforce 2012)
• Visual Workflow for Developers (Dreamforce 2012)
• Visualforce, Using ActionFunction versus RemoteAction (Dreamforce 2012)

Webinars and Videos

• Watch Advanced Visualforce webinar and download demo code.
• Watch Intro to Visualforce webinar and download demo code.

Code Samples

• Getting Started
• Creating Compound Views Using Visualforce
• Creating Custom Actions Using Visualforce
• Wrapper Class
• Extended Print Preview
• Quote Generation with Pages2PDF
• Consolidated Case History Timeline
• Creating Custom Web-To-Case Forms Using Visualforce and Sites
• Dynamic Edit Page
• Creating Custom Screen Pops Using Visualforce

Discussion Forum

• Visualforce Development forum