{"id":5939,"date":"2022-07-20T04:38:27","date_gmt":"2022-07-20T04:38:27","guid":{"rendered":"https:\/\/studysection.com\/blog\/?p=5939"},"modified":"2022-07-20T04:38:27","modified_gmt":"2022-07-20T04:38:27","slug":"form-builder-overview","status":"publish","type":"post","link":"https:\/\/studysection.com\/blog\/form-builder-overview\/","title":{"rendered":"Form Builder Overview"},"content":{"rendered":"<p>Form builder is the library to create a form. In this library, you can create a form with the required fields. For example, if you want to create a form from the user\u2019s end then this library will be the best fit for you. If you want to create a login form then you can easily use the form builder components to make that form using the drag and drop feature. <\/p>\n<h2>Usage:<\/h2>\n<p><strong>HTML<\/strong><br \/>\n<code>&lt;div id=\"build-wrap\">&lt;\/div><\/code><\/p>\n<p><strong>CSS<\/strong><br \/>\n<code>body {<br \/>\n  padding: 0;<br \/>\n  margin: 10px 0;<br \/>\n  background: #f2f2f2 url('https:\/\/formbuilder.online\/assets\/img\/noise.png');<br \/>\n}<br \/>\n}<\/code><\/p>\n<p><strong>JS<\/strong><br \/>\n<code>jQuery($ => {<br \/>\n  const fbTemplate = document.getElementById('build-wrap');<br \/>\n  $(fbTemplate).formBuilder();<br \/>\n});<\/code><\/p>\n<p><strong>EXTERNAL CSS<\/strong><br \/>\n<code>https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/twitter-bootstrap\/3.3.6\/css\/bootstrap.min.css<\/code><\/p>\n<p><strong>EXTERNAL JAVASCRIPT<\/strong><br \/>\n<code>https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js<br \/>\nhttps:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jqueryui\/1.11.2\/jquery-ui.min.js<br \/>\nhttps:\/\/formbuilder.online\/assets\/js\/form-builder.min.js<\/code><\/p>\n<p>By using the above code your form will look like this and you can just drag and drop the fields according to your need.<br \/>\n<img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/07\/form1.png\" alt=\"form1\"\/><br \/>\nBelow I will explain some of the important functions which can be needed in the development of the form builder. You can through the form builder documentation by clicking on this <a href=\"https:\/\/formbuilder.online\/docs\/\">link<\/a>.<\/p>\n<h3>FormRender Actions:<\/h3>\n<p><strong>setData action<\/strong><br \/>\nSet formData without rendering or re-initializing formRender. Using setData if you have the form content in the JSON format or in XML format you can render the form and can edit it again. <\/p>\n<p><strong>Usage<\/strong><br \/>\n<code>const wrap = $('.render-wrap');<br \/>\nconst formRender = wrap.formRender();<br \/>\n\/\/ then<br \/>\nwrap.formRender('setData', formData);<\/code><\/p>\n<p><strong>Demo Html<\/strong><br \/>\n<code>&lt;h2>Set Data&lt;\/h2><br \/>\n&lt;select name=\"formTemplates\" id=\"formTemplates\" class=\"form-control\"><br \/>\n  &lt;option value=\"user\">User Form&lt;\/option><br \/>\n  &lt;option value=\"terms\">Terms Agreement Form&lt;\/option><br \/>\n  &lt;option value=\"issue\">Submit Issue Form&lt;\/option><br \/>\n&lt;\/select><br \/>\n&lt;hr\/><br \/>\n&lt;div id=\"render-wrap\">&lt;\/div><br \/>\nbody {<br \/>\n  padding: 0;<br \/>\n  margin: 10px 0;<br \/>\n  background: #f2f2f2;<br \/>\n}<br \/>\njQuery(function($) {<br \/>\n  const templateSelect = document.getElementById(\"formTemplates\");<br \/>\n  const container = document.getElementById(\"render-wrap\")<br \/>\n  const formRender = $(container).formRender();<br \/>\n  const templates = {<br \/>\n    user: [<br \/>\n      {<br \/>\n        type: \"text\",<br \/>\n        label: \"Name:\",<br \/>\n        subtype: \"text\",<br \/>\n        className: \"form-control\",<br \/>\n        name: \"text-1475765723950\"<br \/>\n      },<br \/>\n      {<br \/>\n        type: \"text\",<br \/>\n        subtype: \"email\",<br \/>\n        label: \"Email:\",<br \/>\n        className: \"form-control\",<br \/>\n        name: \"text-1475765724095\"<br \/>\n      },<br \/>\n      {<br \/>\n        type: \"text\",<br \/>\n        subtype: \"tel\",<br \/>\n        label: \"Phone:\",<br \/>\n        className: \"form-control\",<br \/>\n        name: \"text-1475765724231\"<br \/>\n      },<br \/>\n      {<br \/>\n        type: \"textarea\",<br \/>\n        label: \"Short Bio:\",<br \/>\n        className: \"form-control\",<br \/>\n        name: \"textarea-1475765724583\"<br \/>\n      }<br \/>\n    ],<br \/>\n    terms: [<br \/>\n      {<br \/>\n        type: \"header\",<br \/>\n        subtype: \"h2\",<br \/>\n        label: \"Terms &amp; Conditions\",<br \/>\n        className: \"header\"<br \/>\n      },<br \/>\n      {<br \/>\n        type: \"paragraph\",<br \/>\n        subtype: \"p\",<br \/>\n        label:\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in libero quis nibh molestie dapibus. Integer pellentesque massa orci, quis posuere velit fermentum nec. Nullam arcu velit, ornare at urna non, viverra finibus lectus. Curabitur a dui non ipsum maximus faucibus. Quisque a justo purus. Donec volutpat sem vel bibendum pretium. Nulla neque ex, posuere semper urna in, molestie molestie tortor. Maecenas nec arcu sit amet nisl laoreet vestibulum. Cras placerat vulputate maximus. Phasellus ultricies, turpis et efficitur tristique, massa nibh sagittis libero, quis fringilla velit nisl eget augue. Praesent metus nibh, fermentum ut interdum at, lacinia sit amet mauris.\",<br \/>\n        className: \"paragraph\"<br \/>\n      },<br \/>\n      {<br \/>\n        type: \"checkbox\",<br \/>\n        label: \"I agree to the terms\",<br \/>\n        className: \"checkbox\",<br \/>\n        name: \"checkbox-1475766391803\"<br \/>\n      }<br \/>\n    ],<br \/>\n    issue: [<br \/>\n      {<br \/>\n        type: \"text\",<br \/>\n        label: \"Issue:\",<br \/>\n        subtype: \"text\",<br \/>\n        className: \"form-control\",<br \/>\n        name: \"text-1475766502491\"<br \/>\n      },<br \/>\n      {<br \/>\n        type: \"text\",<br \/>\n        label: \"Platform:\",<br \/>\n        subtype: \"text\",<br \/>\n        className: \"form-control\",<br \/>\n        name: \"text-1475766502680\"<br \/>\n      },<br \/>\n      {<br \/>\n        type: \"textarea\",<br \/>\n        label: \"Steps to Reproduce:\",<br \/>\n        className: \"form-control\",<br \/>\n        name: \"textarea-1475766579522\"<br \/>\n      },<br \/>\n      {<br \/>\n        type: \"file\",<br \/>\n        label: \"Screenshot:\",<br \/>\n        className: \"form-control\",<br \/>\n        name: \"file-1475766594420\"<br \/>\n      },<br \/>\n      {<br \/>\n        type: \"select\",<br \/>\n        label: \"Assign Developer:\",<br \/>\n        className: \"form-control\",<br \/>\n        name: \"select-1475766623703\",<br \/>\n        multiple: true,<br \/>\n        values: [<br \/>\n          {<br \/>\n            label: \"Adam\",<br \/>\n            value: \"option-1\",<br \/>\n            selected: true<br \/>\n          },<br \/>\n          {<br \/>\n            label: \"Adrian\",<br \/>\n            value: \"option-2\",<br \/>\n            selected: false<br \/>\n          },<br \/>\n          {<br \/>\n            label: \"Alexa\",<br \/>\n            value: \"option-3\",<br \/>\n            selected: false<br \/>\n          },<br \/>\n          {<br \/>\n            label: \"Amy\",<br \/>\n            value: \"\",<br \/>\n            selected: false<br \/>\n          }<br \/>\n        ]\n      }<br \/>\n    ]\n  };<br \/>\n  templateSelect.addEventListener(\"change\", function(e) {<br \/>\n    $(container).formRender('setData', templates[e.target.value]);<br \/>\n  });<br \/>\n});<\/code><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/07\/form2.png\" alt=\"form2\"\/><\/p>\n<p><strong>Actions -> getData<\/strong><br \/>\ngetData is used to get the data from formBuilder data in json, js, or xml structure. Defaults to js. getData, like all other actions, is only available when formBuilder has completed its initialization.<br \/>\n<strong>Usage<\/strong><br \/>\n<code>var fbEditor = document.getElementById('build-wrap');<br \/>\nvar formBuilder = $(fbEditor).formBuilder();<br \/>\ndocument.getElementById('getXML').addEventListener('click', function() {<br \/>\n    alert(formBuilder.actions.getData('xml'));<br \/>\n});<br \/>\ndocument.getElementById('getJSON').addEventListener('click', function() {<br \/>\n    alert(formBuilder.actions.getData('json', true));<br \/>\n});<br \/>\ndocument.getElementById('getJS').addEventListener('click', function() {<br \/>\n    alert('check console');<br \/>\n    console.log(formBuilder.actions.getData());<br \/>\n});<\/code><\/p>\n<p><strong>HTML<\/strong><br \/>\n<code>&lt;div class=\"setDataWrap\"><br \/>\n  &lt;button id=\"getXML\" type=\"button\">Get XML Data&lt;\/button><br \/>\n  &lt;button id=\"getJSON\" type=\"button\">Get JSON Data&lt;\/button><br \/>\n  &lt;button id=\"getJS\" type=\"button\">Get JS Data&lt;\/button><br \/>\n&lt;\/div><br \/>\n&lt;div id=\"build-wrap\">&lt;\/div><br \/>\nbody {<br \/>\n  padding: 0;<br \/>\n  margin: 10px 0;<br \/>\n  background: #f2f2f2 url('http:\/\/formbuilder.readthedocs.io\/en\/latest\/img\/noise.png');<br \/>\n}<br \/>\n.setDataWrap {<br \/>\n  text-align: center;<br \/>\n  margin-bottom: 10px;<br \/>\n}<br \/>\njQuery(function($) {<br \/>\n  var fbEditor = document.getElementById('build-wrap');<br \/>\n  var formBuilder = $(fbEditor).formBuilder();<br \/>\n  document.getElementById('getXML').addEventListener('click', function() {<br \/>\n    alert(formBuilder.actions.getData('xml'));<br \/>\n  });<br \/>\n  document.getElementById('getJSON').addEventListener('click', function() {<br \/>\n    alert(formBuilder.actions.getData('json'));<br \/>\n  });<br \/>\n  document.getElementById('getJS').addEventListener('click', function() {<br \/>\n    alert('check console');<br \/>\n    console.log(formBuilder.actions.getData());<br \/>\n  });<br \/>\n});<\/code><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/07\/form3.png\" alt=\"form3\"\/><\/p>\n<h3>formRender using formData option<\/h3>\n<p>Pass formData to formRender through a configuration Object. Using the formData in JSON or XML format you can show your form using the formRender function.<\/p>\n<p><code>&lt;form id=\"fb-render\">&lt;\/form><br \/>\nbody {<br \/>\n  background: lightgrey;<br \/>\n}<br \/>\ntextarea.form-control {<br \/>\n  height: 120px;<br \/>\n}<br \/>\njQuery(function($) {<br \/>\n  var fbRender = document.getElementById('fb-render'),<br \/>\n    formData = '&lt;form-template>&lt;fields>&lt;field class=\"form-control\" label=\"Full Name\" name=\"text-input-1459436848806\" type=\"text\" subtype=\"text\">&lt;\/field>&lt;field class=\"form-control\" label=\"Select\" name=\"select-1459436851691\" type=\"select\">&lt;option value=\"option-1\">Option 1&lt;\/option>&lt;option value=\"option-2\">Option 2&lt;\/option>&lt;\/field>&lt;field class=\"form-control\" label=\"Your Message\" name=\"textarea-1459436854560\" type=\"textarea\">&lt;\/field>&lt;\/fields>&lt;\/form-template>';<br \/>\n  var formRenderOpts = {<br \/>\n    formData,<br \/>\n    dataType: 'xml'<br \/>\n  };<br \/>\n  $(fbRender).formRender(formRenderOpts);<br \/>\n});<\/code><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/07\/form4.png\" alt=\"form4\"\/><\/p>\n<p><small><em>English is a commonly used language in almost all fields today. Having a certification in the English language can enhance your career aspects. StudySection offers both basic level and advanced level <a href=\"https:\/\/www.studysection.com\/english-language-advanced-diploma\">English Certification Exams<\/a> to test and certify the English language skills.<\/em><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Form builder is the library to create a form. In this library, you can create a form with the required<\/p>\n","protected":false},"author":1,"featured_media":5940,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[797,201],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Form Builder Overview - StudySection Blog<\/title>\n<meta name=\"description\" content=\"If you want to create a login form then you can easily use the form builder components to make that form using the drag and drop feature.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studysection.com\/blog\/form-builder-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Form Builder Overview - StudySection Blog\" \/>\n<meta property=\"og:description\" content=\"If you want to create a login form then you can easily use the form builder components to make that form using the drag and drop feature.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studysection.com\/blog\/form-builder-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Posts on famous people, innovations and educational topics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/studysection\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-20T04:38:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/07\/Form-Builder.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin-studysection-blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@studysection\" \/>\n<meta name=\"twitter:site\" content=\"@studysection\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin-studysection-blog\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/studysection.com\/blog\/form-builder-overview\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/form-builder-overview\/\"},\"author\":{\"name\":\"admin-studysection-blog\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\"},\"headline\":\"Form Builder Overview\",\"datePublished\":\"2022-07-20T04:38:27+00:00\",\"dateModified\":\"2022-07-20T04:38:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/studysection.com\/blog\/form-builder-overview\/\"},\"wordCount\":288,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"keywords\":[\"Form Builder\",\"html\"],\"articleSection\":[\"Learn and Grow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/studysection.com\/blog\/form-builder-overview\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studysection.com\/blog\/form-builder-overview\/\",\"url\":\"https:\/\/studysection.com\/blog\/form-builder-overview\/\",\"name\":\"Form Builder Overview - StudySection Blog\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/#website\"},\"datePublished\":\"2022-07-20T04:38:27+00:00\",\"dateModified\":\"2022-07-20T04:38:27+00:00\",\"description\":\"If you want to create a login form then you can easily use the form builder components to make that form using the drag and drop feature.\",\"breadcrumb\":{\"@id\":\"https:\/\/studysection.com\/blog\/form-builder-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studysection.com\/blog\/form-builder-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studysection.com\/blog\/form-builder-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/studysection.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Form Builder Overview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studysection.com\/blog\/#website\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"name\":\"Blog Posts on famous people, innovations and educational topics\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studysection.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/studysection.com\/blog\/#organization\",\"name\":\"StudySection\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"contentUrl\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"width\":920,\"height\":440,\"caption\":\"StudySection\"},\"image\":{\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/studysection\",\"https:\/\/twitter.com\/studysection\",\"https:\/\/www.instagram.com\/study.section\/\",\"https:\/\/www.linkedin.com\/company\/studysection\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\",\"name\":\"admin-studysection-blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"caption\":\"admin-studysection-blog\"},\"url\":\"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Form Builder Overview - StudySection Blog","description":"If you want to create a login form then you can easily use the form builder components to make that form using the drag and drop feature.","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:\/\/studysection.com\/blog\/form-builder-overview\/","og_locale":"en_US","og_type":"article","og_title":"Form Builder Overview - StudySection Blog","og_description":"If you want to create a login form then you can easily use the form builder components to make that form using the drag and drop feature.","og_url":"https:\/\/studysection.com\/blog\/form-builder-overview\/","og_site_name":"Blog Posts on famous people, innovations and educational topics","article_publisher":"https:\/\/www.facebook.com\/studysection","article_published_time":"2022-07-20T04:38:27+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/07\/Form-Builder.png","type":"image\/png"}],"author":"admin-studysection-blog","twitter_card":"summary_large_image","twitter_creator":"@studysection","twitter_site":"@studysection","twitter_misc":{"Written by":"admin-studysection-blog"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/studysection.com\/blog\/form-builder-overview\/#article","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/form-builder-overview\/"},"author":{"name":"admin-studysection-blog","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402"},"headline":"Form Builder Overview","datePublished":"2022-07-20T04:38:27+00:00","dateModified":"2022-07-20T04:38:27+00:00","mainEntityOfPage":{"@id":"https:\/\/studysection.com\/blog\/form-builder-overview\/"},"wordCount":288,"commentCount":0,"publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"keywords":["Form Builder","html"],"articleSection":["Learn and Grow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/studysection.com\/blog\/form-builder-overview\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/studysection.com\/blog\/form-builder-overview\/","url":"https:\/\/studysection.com\/blog\/form-builder-overview\/","name":"Form Builder Overview - StudySection Blog","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/#website"},"datePublished":"2022-07-20T04:38:27+00:00","dateModified":"2022-07-20T04:38:27+00:00","description":"If you want to create a login form then you can easily use the form builder components to make that form using the drag and drop feature.","breadcrumb":{"@id":"https:\/\/studysection.com\/blog\/form-builder-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studysection.com\/blog\/form-builder-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studysection.com\/blog\/form-builder-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studysection.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Form Builder Overview"}]},{"@type":"WebSite","@id":"https:\/\/studysection.com\/blog\/#website","url":"https:\/\/studysection.com\/blog\/","name":"Blog Posts on famous people, innovations and educational topics","description":"","publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studysection.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studysection.com\/blog\/#organization","name":"StudySection","url":"https:\/\/studysection.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","contentUrl":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","width":920,"height":440,"caption":"StudySection"},"image":{"@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/studysection","https:\/\/twitter.com\/studysection","https:\/\/www.instagram.com\/study.section\/","https:\/\/www.linkedin.com\/company\/studysection"]},{"@type":"Person","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402","name":"admin-studysection-blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","caption":"admin-studysection-blog"},"url":"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/"}]}},"views":414,"_links":{"self":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5939"}],"collection":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/comments?post=5939"}],"version-history":[{"count":2,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5939\/revisions"}],"predecessor-version":[{"id":5946,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5939\/revisions\/5946"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media\/5940"}],"wp:attachment":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media?parent=5939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/categories?post=5939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/tags?post=5939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}