In this presentation, we will discuss the VisualForce Pages. VisualForce is a component-based user interface framework that allows users to create a customized and effective web interface.

1. A Quick Introduction to
VisualForce Pages
cloud.analogy info@cloudanalogy.com +1(415)830-3899
TM

2. What are VisualForce Pages?
VisualForce Page is described as a Salesforce Markup language that allows users to create
interface components in Salesforce.
The VisualForce pages consist of Salesforce-based tags to create interactive and engaging web
pages. These pages also allow users to integrate them with other web languages such as HTML,
CSS, JavaScript, Ajax, and more.
cloud.analogy info@cloudanalogy.com +1(415)830-3899
VisualForce
controller
VisualForce
Markup
The VisualForce page consists of two parts:

3. VisualForce Markup: The VisualForce Markup Language
consists of VisualForce tags, HTML, JavaScript, jQuery,
CSS, Ajax or any other Web-enabled code embedded in
Single tag.
VisualForce Controller: The VisualForce controller is a
single element in VisualForce pages that are set to
manage data with user interactions.
cloud.analogy info@cloudanalogy.com +1(415)830-3899

4. Where are these VisualForce pages used?
● Override default functionality like New, Edit.
● Override tab overview pages, for example, the Accounts
tab home page
● Specify a custom tab.
● Can be integrated with HTML, CSS, Ajax, jQuery.
● Embed components in detail page layouts.
● Build dashboard components or custom help pages.
● Customize, expand, or integrate the sidebars in the
Salesforce console.
● Add menu items, actions, and mobile cards in Salesforce1.
cloud.analogy info@cloudanalogy.com +1(415)830-3899
Developers uses VisualForce pages to:

5. VisualForce Tags
Salesforce-powered tags in VisualForce pages always begin with "apex"
namespace. These tags give you almost all types of Web Markup
features that you need and are much more similar to the built-in ajax
components.
Each VF page consists of <apex: page> tags, where other rest of the
code is defined. You can even add JavaScript for client-side data
processing.
cloud.analogy info@cloudanalogy.com +1(415)830-3899

6. VisualForce Controllers
The VisualForce Controller describes what data and information the user can access that
comprises almost all the standard objects and custom objects and how they are formatted.
cloud.analogy info@cloudanalogy.com +1(415)830-3899
Salesforce offers two kinds of controllers – Standard and Custom and
they are specified inside the <apex: page tag>. Standard controllers
provide you the default Salesforce formatting with all the data
validations. On the other hand, Custom Controllers enable users to
define your own custom formatting, validations, and data
manipulation.

7. VisualForce Controller Extensions
Just imagine you need to insert a VisualForce page on a record detail page button. Then
you need a standard controller to access the record ID, but you also want to filter records
based on specific criteria that can only be created with custom controllers. This is where the
VisualForce controller extension comes into the picture. The VisualForce Controller
extension is an Apex class that lets you manipulate records while accessing standard
controller object records.
cloud.analogy info@cloudanalogy.com +1(415)830-3899

8. Conclusion
VisualForce is a component-based user interface framework that allows users to create a
customized and effective web interface.
cloud.analogy info@cloudanalogy.com +1(415)830-3899
The framework is a component of Salesforce's Force.com that is built to
streamline the process of developing and deploying cloud-based applications
and websites. Developers define VisualForce pages with VisualForce Markup
and VisualForce Controller. The VisualForce Markup handles what elements or
components should appear on the page and how should they appear.

9. Thank
You
cloud.analogy info@cloudanalogy.com +1(415)830-3899