Visualforce View Components List : In our previous Salesforce Training Tutorial we have learned about Visualforce Controller extension. In this Salesforce Training Tutorial we are going to learn about Visualforce View Components, what are the different view components in visualforce and how they are used for visualforce pages.

Visualforce View Components List

To define the appearance and behaviour of a Visualforce User Interface we use View Components. There are different types of view components which are used to style visualforce page, to insert text boxes, labels, input and output action elements and so on.

What are the different types of Visualforce View Components.

Force.com provides 5 different view components to support common Web user interface design patterns. They are.

  • Data Components.
  • Action Components.
  • Primitive Components.
  • Force.com-Styled Components.
  • Force.com User Interface Components.

Data Components : Data Components are those which enables Visualforce page to move Data in to Controller and also used to extract Data from controller using various Standard Hyper Text Mark-up Language(HTML) elements. Some of the HTML elements like <p>, </p>, <br> and so on.

Action Components :- Action Components in visualforce page van be used to invoke methods on the controller , can also used for updating view state. Action components can also be used to refresh visualforce page and to navigate to a new page by using various action components.

Primitive Components :-Primitive Components are used to connect Standard Html  and Visualforce functions.

Force.com-Styled Components :- When creating visualforce page we are required to inherit the properties of Force.com native user interface there we use Force.com-Styled components. Using these components we can create CSS files in visualforce.

Force.com User Interface Components :- Force.com User Interface Components are used to inherit both the appearance of native user interface and its behaviour.