{"id":88890,"date":"2017-07-10T15:53:40","date_gmt":"2017-07-10T15:53:40","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=88890"},"modified":"2021-07-16T14:29:37","modified_gmt":"2021-07-16T14:29:37","slug":"write-a-template-in-visualforce","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/","title":{"rendered":"Write a template in Visualforce"},"content":{"rendered":"\n

We all know about templates in webpages. How we can add our content in those templates and use them according to our needs. This gives a general control over the content so that we can avoid errors and make them more alike. Likewise even Visualforce gives us the power to write custom templates so that we can use them according to our needs. And today I am going to tell you how to write a template in visualforce.<\/p>\n\n\n\n

Visualforce Page Code<\/h3><\/div>
\n

For this example I’ll create a Visualforce page named templatepage, which will be out template Visualforce page. Here is the code for template page:<\/p>\n\n\n\n

<apex:page>\n    <apex:insert name="head"\/><br\/>\n    <apex:outputText>This is the default text that will appear in every page.<\/apex:outputText>\n    <apex:insert name="body"\/>\n<\/apex:page><\/pre>\n\n\n\n
In the above code we can see that this page is like any normal Visualforce page except that there is a tag which is not doing anything on it’s own. That tag is <apex:insert><\/strong>, which acts as the markup for the content to be added in the template.<\/p>\n\n\n\n
Next we’ll create a page which will use this page as a template. Let’s name the new Visualforce page as myPage. The code will be as follows:<\/p>\n\n\n\n
<apex:page controller="mycontroller">\n    <apex:composition template="templatepage">\n    \t<apex:define name="head">\n        \tAccount List\n        <\/apex:define><br\/>\n        <apex:define name="body">\n        \t<apex:dataTable value="{!list}" var="l">\n            \t<apex:column value="{!l.name}" headerValue="Name"\/>\n                <apex:column value="{!l.industry}" headerValue="Industry"\/>\n            <\/apex:dataTable>\n        <\/apex:define>\n    <\/apex:composition>\n<\/apex:page><\/pre>\n\n\n\n
As we can see in this code that the template is used with the help of the <apex:composition><\/strong> and the attribute template tells which page to use as the template. The <apex:define><\/strong> tells where to insert the new code. It’s name attribute selects the markup, which we previously defined, to insert the code.<\/p>\n\n\n\n
For this particular example I have also written an apex class which is feeding the datatable:<\/p>\n\n\n\n
public class mycontroller {\n\n    \/**\n     * Webkul Software.\n     *\n     * @category  Webkul\n     * @author    Webkul\n     * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https:\/\/webkul.com)\n     * @license   https:\/\/store.webkul.com\/license.html\n     **\/\n\n    public list<account> getlist(){\n        list<account> acc = [select name, industry from account limit 1000];\n        return acc;\n    }\n}<\/pre>\n<\/div>\n\n\n\n
Output<\/h3><\/div>
\n
Once you have completed creating the page you can see the output by previewing the mypage, it will be something like this.<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
SUPPORT<\/h3><\/div>
\n
That\u2019s all for how to write a template in visualforce, for any further queries feel free to add a ticket at:<\/p>\n\n\n\n
https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/<\/a><\/p>\n\n\n\n
Or let us know your views on how to make this code better, in comments section below.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
We all know about templates in webpages. How we can add our content in those templates and use them according to our needs. This gives a general control over the content so that we can avoid errors and make them more alike. Likewise even Visualforce gives us the power to write custom templates so that […]<\/a><\/p>\n","protected":false},"author":144,"featured_media":88908,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1889,1887,1888],"tags":[1884,5035,1885,775,1933,5036],"class_list":["post-88890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apex","category-salesforce","category-visualforce","tag-apex","tag-apexcomposition","tag-salesforce","tag-template","tag-visualforce","tag-visualforce-template"],"yoast_head":"\nHow to write a template in Visualforce using the apex:composition.<\/title>\n<meta name=\"description\" content=\"How to write a template in Visualforce. We all know about templates in webpages. How we can add our content in those templates and use them according to...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to write a template in Visualforce using the apex:composition.\" \/>\n<meta property=\"og:description\" content=\"How to write a template in Visualforce. We all know about templates in webpages. How we can add our content in those templates and use them according to...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-10T15:53:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-16T14:29:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Yathansh Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yathansh Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/\"},\"author\":{\"name\":\"Yathansh Sharma\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/2cf74c97cc99e81430138433b2e5a342\"},\"headline\":\"Write a template in Visualforce\",\"datePublished\":\"2017-07-10T15:53:40+00:00\",\"dateModified\":\"2021-07-16T14:29:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/\"},\"wordCount\":333,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-3.png\",\"keywords\":[\"Apex\",\"apex:composition\",\"Salesforce\",\"template\",\"Visualforce\",\"visualforce template\"],\"articleSection\":[\"Apex\",\"Salesforce\",\"Visualforce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/\",\"url\":\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/\",\"name\":\"How to write a template in Visualforce using the apex:composition.\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-3.png\",\"datePublished\":\"2017-07-10T15:53:40+00:00\",\"dateModified\":\"2021-07-16T14:29:37+00:00\",\"description\":\"How to write a template in Visualforce. We all know about templates in webpages. How we can add our content in those templates and use them according to...\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-3.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-3.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Write a template in Visualforce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/2cf74c97cc99e81430138433b2e5a342\",\"name\":\"Yathansh Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/631dfbfdb0f359990ee300274cf444e7dc7da6005653e2b711d3c9197caa4ab3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/631dfbfdb0f359990ee300274cf444e7dc7da6005653e2b711d3c9197caa4ab3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Yathansh Sharma\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/yathansh-sharma081\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to write a template in Visualforce using the apex:composition.","description":"How to write a template in Visualforce. We all know about templates in webpages. How we can add our content in those templates and use them according to...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/","og_locale":"en_US","og_type":"article","og_title":"How to write a template in Visualforce using the apex:composition.","og_description":"How to write a template in Visualforce. We all know about templates in webpages. How we can add our content in those templates and use them according to...","og_url":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-07-10T15:53:40+00:00","article_modified_time":"2021-07-16T14:29:37+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-3.png","type":"image\/png"}],"author":"Yathansh Sharma","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Yathansh Sharma","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/"},"author":{"name":"Yathansh Sharma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/2cf74c97cc99e81430138433b2e5a342"},"headline":"Write a template in Visualforce","datePublished":"2017-07-10T15:53:40+00:00","dateModified":"2021-07-16T14:29:37+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/"},"wordCount":333,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-3.png","keywords":["Apex","apex:composition","Salesforce","template","Visualforce","visualforce template"],"articleSection":["Apex","Salesforce","Visualforce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/","url":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/","name":"How to write a template in Visualforce using the apex:composition.","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-3.png","datePublished":"2017-07-10T15:53:40+00:00","dateModified":"2021-07-16T14:29:37+00:00","description":"How to write a template in Visualforce. We all know about templates in webpages. How we can add our content in those templates and use them according to...","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-3.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-3.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/write-a-template-in-visualforce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Write a template in Visualforce"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/2cf74c97cc99e81430138433b2e5a342","name":"Yathansh Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/631dfbfdb0f359990ee300274cf444e7dc7da6005653e2b711d3c9197caa4ab3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/631dfbfdb0f359990ee300274cf444e7dc7da6005653e2b711d3c9197caa4ab3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Yathansh Sharma"},"url":"https:\/\/webkul.com\/blog\/author\/yathansh-sharma081\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/88890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=88890"}],"version-history":[{"count":7,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/88890\/revisions"}],"predecessor-version":[{"id":296773,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/88890\/revisions\/296773"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/88908"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=88890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=88890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=88890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}