Contenidos Web en Visualforce Pages

Contenidos web en Visualforce Pages

Comparte la información a tus amigos

Existen diferentes tipos de contenidos web en visualforce pages de Salesforce como HTML, CSS, javascript, mapas y frames. A continuación vamos a entender cuáles son y cómo se utilizan.

Tipos de Contenidos Web en Visualforce

Los tipos de contenido web que pueden ser usados en Visualforce Pages son: HTML, CSS, JAVASCRIPT, IFRAMES y MAPS.


  • Se puede utilizar el código HTML regular en Visualforce pages. Por Ejemplo: <html>, <body>, <head> y <h1>.
  • Además, podemos generar automáticamente las etiquetas HTML en Visualforce.
  • Se pueden anular las etiquetas HTML.
  • Por último, se puede incluir CSS en línea dentro de las etiquetas HTML.


  • Pueden utilizarse mediante la etiqueta <apex:stylesheet>.
  • Podemos utilizar código css llamando a la variable $Resource. Por ejemplo: <apex:stylesheet value=”{!$Resource.customStyleSheet}” />
  • Así mismo, el atributo styleClass define las clases de estilo en las etiquetas. Por ejemplo: <apex:outputPanel styleClass=”dataTable”>
  • El atributo style permite configurar los estilos directamente. Por Ejemplo: <p style=”margin: 5px;”>


  • Javascript puede ser incluido utilizando <apex:includescript>. Por ejemplo: <apex:includescript value=”{!$Resource.JavascriptFile}” />
  • La etiqueta <script> puede ser utilizada para acceder a funciones de javascript.
  • Se pueden utilizar las variables $Resource para acceder a los archivos de javascript.
  • Debemos subir como recursos estáticos los archivos javascript a utilizar.

Mapas e Iframes

  • Para mostrar mapas se puede utilizar el componente <apex:map>
  • Además, se pueden utilizar marcadores con la etiqueta <apex:mapMarker>
  • Para mostrar páginas web externas se pueden utilizar iframes con la etiqueta <apex:iframe>. Por ejemplo: <apex:iframe src=”https:://” />

Recursos Estáticos (Static Resources)

  • Son utilizados para almacenar archivos y ser referenciados en Visualforce pages.
  • Pueden incluir imágenes, stylesheets, javascript y librerias.

Finalmente, para saber más sobre contenidos web en visualforce de Salesforce:

Si quieres saber más sobre Salesforce puedes ir a:

Comparte la información a tus amigos


  1. He sounds like a doctor most would give their first born for! You are truly blessed to have him on your side. Thanks for sharing with us Joanna. Nellie Broddy Kenney

  2. I think this is among the most important info for me.

    And i am glad reading your article. But want to remark on some general things,
    The website style is great,
    the articles is really great
    : D. Good job, cheers

    Here is my website click here; Marjorie,

  3. When someone writes an piece of writing he/she maintains the plan of a user in his/her mind
    that how a user can be aware of it. Therefore that’s why this
    paragraph is amazing. Thanks!

    my blog … Thanh