Types of salesforce visual force components

Types of
Salesforce
VisualForce
Components
cloud.analogy info@cloudanalogy.com +1(415)830-3899
TM

Overview of VisualForce
VisualForce is a component-based user
interface (UI) framework that allows
developers to create dynamic and
sophisticated applications for mobile
and desktop apps.

To use VisualForce in
Salesforce
You need to learn HTML tags. Using
HTML and Salesforce Object Query
Language (SOQL) tags, we can create
VisualForce web pages.
VisualForce is based upon a tag-based
markup language that works similar to
HTML used to build applications and
customize the Salesforce user
interface.

The maximum
length of a
VisualForce
page name is
40 characters.
The maximum
length for the
source code of
a VisualForce
page is 1MB of
text.
The maximum
length for the
source code of
a VisualForce
component is
1MB of text.
The maximum
width of a
VisualForce page
that appears on
a profile table is
750 pixels.
.
Some limitations of VisualForce components and
pages

What are the VisualForce Components
?The VisualForce component is a small part of
the functionality that can be reused such as
gadgets, panels, UI elements, and things
that you use to mark VisualForce pages.
Salesforce provides a library of standard
and pre-built components, such as
<apex:relatedList> and <apex:dataTable>,
that can be used to build VisualForce
pages.

Types of VisualForce Components
VisualForce Action
Components
VisualForce Styled-
Components
VisualForce Data
components
VisualForce primitive
components
VisualForce User
Interface components

VisualForce Action Components
The active component in the VisualForce page is used to call the
controller method. They are also used to update the display state.
While working with Action Components, these two
functionalities (Command button and command link) can be
used between apex: form opening and closing tags. <apex:form>
and </apex:form>
Command button: It is used to insert HTML buttons.
Command link: It is used to insert anchor text links.

VisualForce Data
components
VisualForce Data components allow VisualForce page to shift data into controller and
used to extract data from controller through various standard HTML elements.
Data components are divided into three main parts:
Metadata-Aware components
Metadata-aware
Components are only
valid when the fields and
records are bounded
with the database
object.
Primitive data components
These data
components add
the functionalities
of the VisualForce
to standard HTML
tags.
Repeating Components
These components
provide the body
element to every
child in the entire
collection.

VisualForce Styled-Components
They are required to acquire properties of the native user interface of
Force.com while creating a VisualForce page.
VisualForce Styled components are divided into five categories:
Page Structure Action Containers Tabl
e
Pagination Elements Notifications
Section Header,
PageBlockSection
,PageBlock, and
pageBlockSection
Item
PageBlock
Buttons,
toolbar, and
toolbar
group
Insert rows
and columns
in the
VisualForce
Page.
PanelBar,
PanelBar
Item, tab,
and
tabPanel
PageMessage
is the
component
used to show
errormessags.

VisualForce primitive components
These components are used to join
standard HTML and VisualForce
functions and therefore add VisualForce
functionality to HTML elements.
Some of the primitive elements are: -
OutputPanel, OutputText, OutputLink,
Image, IncludeScript, StyleSheet, and
iFrame.

VisualForce User Interface components
Force.com user interface components allow users to gain both the
native look of user interface and its behavior.
Force.com User Interface components consist of four types:
List View components
Enhanced List components
Related list Components
Detail components

Thank You

Types of salesforce visual force components

More Related Content

What's hot (20)

Similar to Types of salesforce visual force components (20)

More from Cloud Analogy (20)

Recently uploaded (20)

Types of salesforce visual force components