How can I customize my templates for the force.com site pages?

Suppose I have 2 pages in the sites.com, i need to package this and install it in various orgs(customers).

How can I customize the visual force templates with respect to the org(customers) to have a look and feel as per the customers requirements?




There's three ways I can think of doing this:

  1. parameterize a template so the customer can override with their own composition:

    CustomerTemplate.page, (used via /apex/CustomerTemplate?template=CustomerComposition)

    <apex:page renderas="pdf">
      <apex:composition template="{!BLANKVALUE($CurrentPage.parameters.template, $Page.ManagedTemplate)}">
        <apex:define name="data">customer's own content</apex:define>

    ManagedTemplate.page, (an exemplary/fallback template shows the customer what's needed)

      <!-- put your own data here -->
      <apex:insert name="data" /><!-- put the customer's content here -->
      <!-- put your own data here -->
  2. use VF Dynamic Bindings to make a dependency-free example your customer can deploy/modify

    UnmanagedComposition.page (can be installed separately and edited by the customer)

      <apex:composition template="{!$Page['ns__ManagedTemplate']}">
        <apex:define name="content">Herp derp</apex:define>

    ManagedTemplate.page (your own data with allowance for customization above/below)

      <apex:insert name="header" /><!-- inject the header defined by the customer -->
      <!-- put your own part of the content here -->
      <apex:insert name="footer /><!-- inject the footer defined by the customer -->
  3. create a global controller for use by a VF Component created by your customer (detailed control):


    global with sharing class ManagedController {
      global List<Case> CasesProp {get; set;}
      global String getProperty() {return '...';}


    <apex:component controller="ns__ManagedController">
      <apex:attribute name="cases" type="Case[]" assignTo="CasesProp" description="..." />
      <apex:repeat value="{!CasesProp}" var="case">
        eg {!Property} ...

The three solutions do address slightly different requirements. The first one allows you to package everything up with an out-of-the-box default look and feel.

Number two is very easy for the customer to create a dumb/flat header and footer to sandwich around whatever data or content you are trying to surface.

Third solution exposes controller logic to the customer so they have full control over what they surface and how, but requires them to reinvent a lot of your VF to do that.

  • Thanks for the reply, Can you illustrate number 2, is it something like, i will create header and footer at the customers org, and my content section is a part of my managed package, can i create a page at the customers sandbox and create something like : <apex:page> <apex:insert name="header" /><!-- inject the header defined by the customer --> <!-- put your own part of the content here --> My content from managed package here <apex:insert name="footer /><!-- inject the footer defined by the customer --> </apex:page> – Sushma Rao Mar 20 '13 at 6:30

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.