{"id":89779,"date":"2017-07-18T10:01:57","date_gmt":"2017-07-18T10:01:57","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=89779"},"modified":"2017-07-18T10:05:49","modified_gmt":"2017-07-18T10:05:49","slug":"using-dynamic-visualforce-components","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/","title":{"rendered":"Using Dynamic Visualforce Components"},"content":{"rendered":"

If you are a Salesforce Developer<\/strong> then, you must have always thought about, can we use a dynamic label for a field? Or can we create a dynamic table with variable columns according to users? Can we create a dynamic form for, let’s say employee and client? The answer to above question is, yes, we can create such pages, using Dynamic Visualforce Components<\/strong>.<\/p>\n

\n
\n

Dynamic Visualforce<\/h3>\n<\/div>\n
\n

First thing first, what are these Dynamic Visualforce Components? Let’s say we want to show a particular column of a table under a specific condition. Option number one is using an ‘If’<\/strong> expression<\/strong> in the rendered part of that column. But the expression tends to be complicated. Option number two is, creating the same expression in APEX<\/strong> as code, and then simply calling that function in the rendered attribute, which is actually the same as the first one. The third option is completely removing the column from the Visualforce code. Yes, that is what dynamic Visualforce is all about. In simple words, components are created in apex code and then displayed in the Visualforce page.<\/p>\n

Now that we have an idea about what Dynamic Visualforce is, let’s create a visualforce page.<\/p>\n<\/div>\n<\/div>\n

\n
\n

APEX Class<\/h3>\n<\/div>\n
\n

For this example I am going to create a page with an option to select which form we want to show, and the form itself. The form will be dynamically created inside the class.<\/p>\n

public class DynamicComponentExample {\r\n\r\n    \/**\r\n     * Webkul Software.\r\n     *\r\n     * @category  Webkul\r\n     * @author    Webkul\r\n     * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https:\/\/webkul.com)\r\n     * @license   https:\/\/store.webkul.com\/license.html\r\n     **\/\r\n    \r\n    public string selectedform { get; set;}\r\n    public string userId { get; set;}\r\n    \r\n    public DynamicComponentExample(){\r\n        selectedform = 'client';\r\n    }\r\n    \r\n    public list getFormList(){\r\n        list formlist = new list();\r\n        formlist.add(new selectoption('client','Customer'));\r\n        formlist.add(new selectoption('employee','Employees'));\r\n        return formlist;\r\n    }\r\n    \r\n    public Component.Apex.OutputPanel getFormPanel(){\r\n        Component.Apex.OutputPanel op = new Component.Apex.OutputPanel();\r\n        Component.Apex.OutputLabel OpLabel = new Component.Apex.OutputLabel();\r\n        Component.Apex.inputText iptext = new Component.Apex.InputText();\r\n        Component.Apex.CommandButton cmb = new Component.Apex.CommandButton();\r\n        if (selectedform=='client') {\r\n            OpLabel.value = 'Enter Client Id: ';\r\n        } else if (selectedform=='employee'){\r\n            OpLabel.value = 'Enter Employee Id: ';\r\n        }\r\n       \tOpLabel.for='idField';\r\n        \r\n        iptext.expressions.value='{!userId}';\r\n        \r\n        if (selectedform=='client') {\r\n            cmb.expressions.action = '{!saveClient}';\r\n        } else if (selectedform=='employee'){\r\n            cmb.expressions.action = '{!saveEmployee}';\r\n        }\r\n        cmb.value='Submit';\r\n        op.childComponents.add(OpLabel);\r\n        op.childComponents.add(iptext);\r\n        op.childComponents.add(cmb);\r\n        return op;\r\n    }\r\n    \r\n    public void saveClient(){\r\n        System.debug('Client Save Action');\r\n    }\r\n    \r\n    public void saveEmployee(){\r\n        System.debug('Employee Save Action');\r\n    }\r\n    \r\n    public void changeForm(){\r\n        system.debug(selectedform);\r\n    }\r\n}<\/pre>\n
As we can see that the class is just like any normal class, it has a name, a constructor, getter function for select list, and three functions in the end, which are doing nothing, and are used for test purpose only. However there is one function, getFormPanel()<\/strong>, which actually the function responsible for constructing the form which will be displayed in the Visualforce Page.<\/p>\n<\/div>\n<\/div>\n
\n
\n
Class Explanation<\/h3>\n<\/div>\n
\n
The return type of the getFormPanel() function will be the same as the tag that we want to dynamically generate in the form. In this class we can see that the return type is Component.Apex.OutputPanel<\/strong>, which means that the returned tag will be <apex:outputPanel><\/strong>. The class that is being used in this example is Component class. Component.apex means that the namespace of generated component will be apex. This can be used according to our need, or completely omitted. If you are using the custom component of some other developer, use their namespace here in place of apex.<\/p>\n
Next we create a variable of the same type inside the function. We have also created an inputtext, an outputlabel and a commandbutton, which will be displayed inside the form. All the attributes of the components are directly accessible, like value or the for attribute in OpLabel. The attributes which require expression to be used, are written like cmb.expressions.action<\/strong> for the commandbutton action.<\/p>\n
Once we are finished creating all the child components, we add them to the op variable with the help of op.childComponent.add()<\/strong>. The components will be shown in exactly the same order they were added.<\/p>\n<\/div>\n<\/div>\n
\n
\n
Visualforce Page<\/h3>\n<\/div>\n
\n
Next up is creating the actual visualforce page which will be rendering the dynamic content.<\/p>\n
<apex:page controller=\"DynamicComponentExample\">\r\n    <apex:form>\r\n\t    <apex:selectList size=\"1\" value=\"{!selectedform}\">\r\n    \t\t<apex:selectOptions value=\"{!FormList}\"\/>\r\n        <\/apex:selectList>\r\n        <apex:commandButton action=\"{!changeForm}\" value=\"Show Form\"\/><br\/><br\/>\r\n        <apex:dynamicComponent componentValue=\"{!formPanel}\" id=\"formpanel\"\/>\r\n    <\/apex:form>\r\n<\/apex:page><\/pre>\n
Now this Visualforce page is just like any other page, except for one simple thing, it contains a tag <apex:dynamicComponent\/><\/strong> which is used for as a markup to set for the dynamic content which will be displayed inside the page. The value attribute of this tag is referring to the getFormPanel()<\/strong> in our APEX class. Now the form displayed in this page will completely depend on the selected value in select list.<\/p>\n<\/div>\n<\/div>\n
\n
\n
Output<\/h3>\n<\/div>\n
\n
Once the visualforce page is saved you can preview it to see the effects.<\/p>\n
\"\"<\/a><\/p>\n
To check which function was called for either form, you can check the debug log, where the debug will show the name of the function called.<\/p>\n<\/div>\n<\/div>\n
\n
\n
SUPPORT<\/h3>\n<\/div>\n
\n
That\u2019s all for using dynamic visualforce components, for any further queries feel free to add a ticket at:<\/p>\n
https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/<\/a><\/p>\n
Or let us know your views on how to make this code better, in comments section below.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
If you are a Salesforce Developer then, you must have always thought about, can we use a dynamic label for a field? Or can we create a dynamic table with variable columns according to users? Can we create a dynamic form for, let’s say employee and client? The answer to above question is, yes, we […]<\/a><\/p>\n","protected":false},"author":144,"featured_media":90078,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1889,1887,1888],"tags":[1884,5089,5088,1885,5087,1933],"class_list":["post-89779","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apex","category-salesforce","category-visualforce","tag-apex","tag-apex-component","tag-dynamic-visualforce","tag-salesforce","tag-vf-page","tag-visualforce"],"yoast_head":"\nHow to Use Dynamic Visualforce Components with the help of APEX class<\/title>\n<meta name=\"description\" content=\"Using Dynamic Visualforce Components... If you are a Salesforce Developer then, you must have always thought about, Can we use a dynamic label for a field?\" \/>\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\/using-dynamic-visualforce-components\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Dynamic Visualforce Components with the help of APEX class\" \/>\n<meta property=\"og:description\" content=\"Using Dynamic Visualforce Components... If you are a Salesforce Developer then, you must have always thought about, Can we use a dynamic label for a field?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/\" \/>\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-18T10:01:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-07-18T10:05:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-5.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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/\"},\"author\":{\"name\":\"Yathansh Sharma\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/2cf74c97cc99e81430138433b2e5a342\"},\"headline\":\"Using Dynamic Visualforce Components\",\"datePublished\":\"2017-07-18T10:01:57+00:00\",\"dateModified\":\"2017-07-18T10:05:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/\"},\"wordCount\":683,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-5.png\",\"keywords\":[\"Apex\",\"Apex Component\",\"Dynamic Visualforce\",\"Salesforce\",\"vf page\",\"Visualforce\"],\"articleSection\":[\"Apex\",\"Salesforce\",\"Visualforce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/\",\"url\":\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/\",\"name\":\"How to Use Dynamic Visualforce Components with the help of APEX class\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-5.png\",\"datePublished\":\"2017-07-18T10:01:57+00:00\",\"dateModified\":\"2017-07-18T10:05:49+00:00\",\"description\":\"Using Dynamic Visualforce Components... If you are a Salesforce Developer then, you must have always thought about, Can we use a dynamic label for a field?\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-5.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-5.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Dynamic Visualforce Components\"}]},{\"@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 Use Dynamic Visualforce Components with the help of APEX class","description":"Using Dynamic Visualforce Components... If you are a Salesforce Developer then, you must have always thought about, Can we use a dynamic label for a field?","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\/using-dynamic-visualforce-components\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Dynamic Visualforce Components with the help of APEX class","og_description":"Using Dynamic Visualforce Components... If you are a Salesforce Developer then, you must have always thought about, Can we use a dynamic label for a field?","og_url":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-07-18T10:01:57+00:00","article_modified_time":"2017-07-18T10:05:49+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-5.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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/"},"author":{"name":"Yathansh Sharma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/2cf74c97cc99e81430138433b2e5a342"},"headline":"Using Dynamic Visualforce Components","datePublished":"2017-07-18T10:01:57+00:00","dateModified":"2017-07-18T10:05:49+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/"},"wordCount":683,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-5.png","keywords":["Apex","Apex Component","Dynamic Visualforce","Salesforce","vf page","Visualforce"],"articleSection":["Apex","Salesforce","Visualforce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/","url":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/","name":"How to Use Dynamic Visualforce Components with the help of APEX class","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-5.png","datePublished":"2017-07-18T10:01:57+00:00","dateModified":"2017-07-18T10:05:49+00:00","description":"Using Dynamic Visualforce Components... If you are a Salesforce Developer then, you must have always thought about, Can we use a dynamic label for a field?","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-5.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-1-5.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/using-dynamic-visualforce-components\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Using Dynamic Visualforce Components"}]},{"@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\/89779","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=89779"}],"version-history":[{"count":7,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/89779\/revisions"}],"predecessor-version":[{"id":91957,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/89779\/revisions\/91957"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/90078"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=89779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=89779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=89779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}