{"id":3924,"date":"2024-09-11T09:00:46","date_gmt":"2024-09-11T01:00:46","guid":{"rendered":"https:\/\/five.co\/?p=3924"},"modified":"2025-04-24T08:51:49","modified_gmt":"2025-04-24T00:51:49","slug":"form-designer","status":"publish","type":"post","link":"https:\/\/preview-php85.dzine.org\/five\/blog\/form-designer\/","title":{"rendered":"Advanced Forms: Five&#8217;s Form Designer"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Advanced Forms &#8211; Part 1: Five&#8217;s Form Designer<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hi and welcome to Five&#8217;s <em><strong>Advanced Forms<\/strong><\/em> series. This series of blog posts teaches you how to design the perfect form in Five. From changing the layout of your form to adding calculated fields &#8211; we cover everything you need to know to give your users access to a custom-designed form that does exactly as needed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this blog post, we introduce <strong>Five&#8217;s Form Designer<\/strong>, which lets you adjust the layout of your form in drag-and-drop.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">About Five: More Than Just Forms<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Five is a rapid application development environment with advanced form-building features.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With Five, you can easily launch sophisticated forms to the web in minutes. For an example of a form developed in Five, <a href=\"https:\/\/default-bookingform-tryfive.5au.dev\/url\/booking\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">check out this hypothetical booking form, which combines several of Five&#8217;s features.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unlike traditional form builders, which only store submitted data, Five allows you to <strong>directly connect your form to a database<\/strong>. This connection enables you to <strong>query your database and generate visual representations of your data<\/strong>. Most traditional form builders require exporting data to third-party tools for analysis, adding extra steps and potential for errors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While traditional form builders may suffice for very basic data collection tasks, they often struggle with large datasets or high data volumes. <strong>Five\u2019s database-connected solution, on the other hand, is designed to handle substantial amounts of data efficiently<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One of the standout features of Five is the ability to <strong>create login-protected forms.<\/strong> This ensures that only authorized users can access and process data. Traditional form builders often lack these advanced security features, leaving your data vulnerable to unauthorized access.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In addition to its advanced data management and security features, <strong>Five allows you to build dashboards and generate detailed PDF reports directly from your data<\/strong>. You can create visual data representations such as charts and graphs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To see your form submissions, Five gives you a full-fledged, login-protected submissions admin interface.<\/p>\n\n\n\n<div style=\"background-color: #001524;\"><hr style=\"height: 5px;\">\n<pre style=\"text-align: center; overflow: hidden; white-space: pre-line;\"><span style=\"color: #f1ebda; background-color: #4588d8; font-size: calc(18px + 0.390625vw);\"><strong>Build and Launch Database-Connected Forms<\/strong><br><span style=\"font-size: 14pt;\">Rapidly build and deploy your system today<\/span><\/span><\/pre>\n<p style=\"text-align: center;\"><a href=\"https:\/\/preview-php85.dzine.org\/five\/get-started\" target=\"_blank\" rel=\"noopener\"><button style=\"background-color: #f8b92b; border: none; color: black; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; cursor: pointer; margin: 4px 2px; border-radius: 5px;\"><strong>Get Instant Access<\/strong><\/button><br><\/a><\/p>\n<hr style=\"height: 5px;\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Five&#8217;s Form Designer: Adjusting the Form Layout<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">By default, all forms created with <a href=\"https:\/\/help.five.org\/2.6\/docs\/visual\/form-wizard\/introduction\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Five&#8217;s Form Wizard<\/a> follow a waterfall-like layout, where fields are staggered from top to bottom at equal width, as shown here:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img width=\"1024\" height=\"396\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-25-1024x396.png\" alt=\"\" class=\"wp-image-3926\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-25-1024x396.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-25-300x116.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-25-768x297.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-25.png 1419w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>By default, all forms developed in Five have a waterfall-like layout<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Explainer: Five&#8217;s Form Wizard<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you are not familiar with Five&#8217;s Form Wizard, here is a quick explanation. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Five&#8217;s Form Wizard lets you convert your database fields into form fields. To use the Form Wizard, create database tables in Five first. Five&#8217;s Table Wizard makes table creation incredibly quick and easy &#8211; no SQL scripting required! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once your database table(s) are ready, go to the Form Wizard, and Five will automatically create a form that connects to your database table.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Features such as Five&#8217;s Form Wizard explain why<strong> Five is the fastest way to go from database to web app.<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">In a waterfall-like layout, all fields occupy the same width, and each field is in its own row. This works well when designing a simple prototype application or for forms with few fields, where the user interface is not the primary consideration or not of importance. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Waterfall-like layouts, however, are typically not the most user-friendly when dealing with more complex or larger forms. The solution: <strong>Five&#8217;s Form Designer<\/strong>, a visual, drag-and-drop interface for adjusting the look of your form.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is an example of a form designed with the form designer:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img width=\"1024\" height=\"415\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-26-1024x415.png\" alt=\"\" class=\"wp-image-3927\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-26-1024x415.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-26-300x121.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-26-768x311.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-26-1536x622.png 1536w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-26.png 1707w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>By using the <strong>Form Designer, <\/strong>developers can adjust their form&#8217;s layout<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Note how through the use of the Form Designer, we can group related information, reduce the width of certain fields, and provide an overall better user interface than the waterfall-like form above.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next, let us explain where to find Five&#8217;s Form Designer and how to use it.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Using the Form Designer<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To adjust your form&#8217;s layout, follow these steps:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prerequisites:<\/strong><br>Have at least one application with <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/creating-tables\/\" target=\"_blank\" rel=\"noreferrer noopener\">one database table <\/a>and one form ready to use in Five. If you have only developed your database, but have not added any forms to your application yet, <a href=\"https:\/\/www.youtube.com\/watch?v=H9waql5RYfY\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">watch this video to learn about Five&#8217;s <strong>Form Wizard<\/strong><\/a><strong>.<\/strong> Once you have created a form, we recommend running the application to preview your app by clicking the <strong>Deploy to Development<\/strong> button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. In Five, go to <strong>Visual &gt; Forms<\/strong>, and select the form whose layout you would like to adjust from the list.<br>2. Next, click <strong>Pages<\/strong> and select the page with your form. By default, your form&#8217;s first page is always the <strong>General <\/strong>page, as shown here:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"294\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-1024x294.png\" alt=\"\" class=\"wp-image-3929\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-1024x294.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-300x86.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-768x221.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-1536x441.png 1536w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-2048x588.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">3. Select the <strong>General <\/strong>page (or any other page that is a <strong>Page Type Form)<\/strong>. You can now access Five&#8217;s Form Designer by clicking the button here:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img width=\"1024\" height=\"286\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-28-1024x286.png\" alt=\"\" class=\"wp-image-3930\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-28-1024x286.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-28-300x84.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-28-768x215.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-28-1536x430.png 1536w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-28-2048x573.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Access Five&#8217;s Form Designer by selecting a form and relevant page.<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">4. Inside the <strong>Form Designer<\/strong> you can drag and drop fields to adjust your form&#8217;s layout. You can add multiple fields into one row or make fields larger or smaller, for example.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img width=\"1024\" height=\"484\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-29-1024x484.png\" alt=\"\" class=\"wp-image-3931\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-29-1024x484.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-29-300x142.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-29-768x363.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-29-1536x726.png 1536w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-29-2048x968.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Five&#8217;s Form Designer<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Note how at the top of the <strong>Form Designer, <\/strong>there are different tabs for <strong>Desktop <\/strong>and <strong>Mobile. <\/strong>Five lets you define device-dependent form layouts. Your form will be shown to end users exactly the way it is defined in the <strong>Form Designer. <\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. When you are done designing your form, make sure to hit the <strong>Save<\/strong> button.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Form Designer: Practical Tips<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When designing a form it is tempting to reduce white space as much as possible and to give fields only the width necessary to display their contents. This, however, doesn&#8217;t always make for the best user experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, bear in mind that different users use different screens, each offering a different overall width. Our general recommendation is to have no more than three fields in the same row.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Second, a well-designed form looks <em>relaxed. <\/em>White space and form fields are distributed in a way where users don&#8217;t feel overwhelmed. Related form fields are grouped, and separated from other groups. This can be achieved through the use of <strong>Labels<\/strong>, for example, which we explain in more detail in the second part of our <strong>Advanced Forms <\/strong>series.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Finding Help<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Have more questions? <a href=\"https:\/\/five.org\" rel=\"nofollow noopener\" target=\"_blank\">Join our user community<\/a> to connect with others and get answers.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Continue Reading About Advanced Forms<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Discover all articles of our <em>Advanced Forms<\/em> series here. <\/p>\n\n\n<div class=\"root-eb-post-grid-angoz wp-block-essential-blocks-post-grid\">\n    <div class=\"eb-parent-wrapper eb-parent-eb-post-grid-angoz \">\n        <div class=\"eb-post-grid-angoz style-1  eb-post-grid-wrapper\"\n            data-id=\"eb-post-grid-angoz\"\n            data-querydata=\"{&quot;source&quot;:&quot;post&quot;,&quot;sourceIndex&quot;:0,&quot;rest_base&quot;:&quot;posts&quot;,&quot;rest_namespace&quot;:&quot;wp\\\/v2&quot;,&quot;author&quot;:&quot;&quot;,&quot;taxonomies&quot;:[],&quot;per_page&quot;:&quot;3&quot;,&quot;offset&quot;:&quot;0&quot;,&quot;orderby&quot;:&quot;date&quot;,&quot;order&quot;:&quot;desc&quot;,&quot;include&quot;:&quot;[{\\&quot;value\\&quot;:3999,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Dropdown Lists and Combo Boxes\\&quot;},{\\&quot;value\\&quot;:3978,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Calculated Fields\\&quot;},{\\&quot;value\\&quot;:3992,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Adding Buttons to Your Form\\&quot;},{\\&quot;value\\&quot;:3969,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Conditional Logic and Branching in Forms\\&quot;},{\\&quot;value\\&quot;:3951,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Custom Display Types\\&quot;},{\\&quot;value\\&quot;:3947,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Display Types\\&quot;},{\\&quot;value\\&quot;:3940,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Adding In-Field Help\\&quot;},{\\&quot;value\\&quot;:3934,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Using Labels to Structure Your Form\\&quot;},{\\&quot;value\\&quot;:3924,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Five&#8217;s Form Designer\\&quot;}]&quot;,&quot;exclude&quot;:&quot;&quot;,&quot;exclude_current&quot;:true,&quot;exclude_password_protected&quot;:false,&quot;ignore_sticky_posts&quot;:true}\"\n            data-attributes=\"{&quot;thumbnailSize&quot;:&quot;&quot;,&quot;loadMoreOptions&quot;:{&quot;enableMorePosts&quot;:true,&quot;loadMoreType&quot;:&quot;1&quot;,&quot;loadMoreButtonTxt&quot;:&quot;Load More&quot;,&quot;alignment&quot;:&quot;center&quot;,&quot;prevTxt&quot;:&quot;&lt;&quot;,&quot;nextTxt&quot;:&quot;&gt;&quot;,&quot;totalPosts&quot;:9},&quot;showSearch&quot;:false,&quot;showTaxonomyFilter&quot;:false,&quot;enableAjaxSearch&quot;:false,&quot;addIcon&quot;:true,&quot;iconPosition&quot;:&quot;left&quot;,&quot;icon&quot;:&quot;fas fa-chevron-right&quot;,&quot;preset&quot;:&quot;style-1&quot;,&quot;defaultFilter&quot;:&quot;all&quot;,&quot;version&quot;:&quot;v2&quot;,&quot;showBlockContent&quot;:true,&quot;showFallbackImg&quot;:false,&quot;fallbackImgUrl&quot;:&quot;&quot;,&quot;showThumbnail&quot;:false,&quot;showTitle&quot;:false,&quot;titleLength&quot;:&quot;&quot;,&quot;titleTag&quot;:&quot;h2&quot;,&quot;showContent&quot;:true,&quot;contentLength&quot;:7,&quot;expansionIndicator&quot;:&quot;...&quot;,&quot;showReadMore&quot;:true,&quot;readmoreText&quot;:&quot;Read More&quot;,&quot;showMeta&quot;:false,&quot;headerMeta&quot;:&quot;[{\\&quot;value\\&quot;:\\&quot;categories\\&quot;,\\&quot;label\\&quot;:\\&quot;Categories\\&quot;}]&quot;,&quot;footerMeta&quot;:&quot;[]&quot;,&quot;authorPrefix&quot;:&quot;by&quot;,&quot;datePrefix&quot;:&quot;on&quot;,&quot;showFeaturedPost&quot;:false,&quot;featuredPostId&quot;:&quot;&quot;,&quot;showFeaturedPostTitle&quot;:true,&quot;showFeaturedPostContent&quot;:false,&quot;showFeaturedPostMeta&quot;:true,&quot;showFeaturedHeaderMeta&quot;:true,&quot;showFeaturedFooterMeta&quot;:true,&quot;featuredMetaItems&quot;:&quot;{}&quot;,&quot;featuredExcerptLength&quot;:10}\">\n\n            \n\n            <div class=\"eb-post-grid-posts-wrapper\"><article class=\"ebpg-grid-post ebpg-post-grid-column\" data-id=\"3999\"><div class=\"ebpg-grid-post-holder\"><div class=\"ebpg-entry-wrapper\"><div class=\"ebpg-entry-content\"><div class=\"ebpg-grid-post-excerpt\">\n            <p>Advanced Forms &#8211; Part 9: Display Types\n\n\n\nHi&#8230;<\/p>\n        <\/div><div class=\"ebpg-readmore-btn\">\n            <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/dropdown-lists-combo-box\/\"><i class=\"fas fa-chevron-right eb-button-icon eb-button-icon-left hvr-icon\"><\/i> Read More <\/a>\n        <\/div><\/div><\/div><\/div><\/article><article class=\"ebpg-grid-post ebpg-post-grid-column\" data-id=\"3992\"><div class=\"ebpg-grid-post-holder\"><div class=\"ebpg-entry-wrapper\"><div class=\"ebpg-entry-content\"><div class=\"ebpg-grid-post-excerpt\">\n            <p>Advanced Forms &#8211; Part 8: Adding Buttons&#8230;<\/p>\n        <\/div><div class=\"ebpg-readmore-btn\">\n            <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/buttons\/\"><i class=\"fas fa-chevron-right eb-button-icon eb-button-icon-left hvr-icon\"><\/i> Read More <\/a>\n        <\/div><\/div><\/div><\/div><\/article><article class=\"ebpg-grid-post ebpg-post-grid-column\" data-id=\"3978\"><div class=\"ebpg-grid-post-holder\"><div class=\"ebpg-entry-wrapper\"><div class=\"ebpg-entry-content\"><div class=\"ebpg-grid-post-excerpt\">\n            <p>Advanced Forms &#8211; Part 7: Automatically Calculate&#8230;<\/p>\n        <\/div><div class=\"ebpg-readmore-btn\">\n            <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/calculated-fields\/\"><i class=\"fas fa-chevron-right eb-button-icon eb-button-icon-left hvr-icon\"><\/i> Read More <\/a>\n        <\/div><\/div><\/div><\/div><\/article><\/div><p class=\"eb-no-posts eb-loadmore-no-post\" style=\"display: none;\">No more posts<\/p><div class=\"ebpostgrid-pagination ebpg-pagination \"><button class=\"btn ebpg-pagination-button\" data-pagenumber=\"1\">Load More<\/button><\/div>        <\/div>\n    <\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Advanced Forms &#8211; Part 1: Five&#8217;s Form Designer Hi and welcome to Five&#8217;s Advanced Forms series. This series of blog posts teaches you how to design the perfect form in Five. From changing the layout of your form to adding calculated fields &#8211; we cover everything you need to know to give your users access [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":3933,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_eb_attr":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[21,49],"tags":[],"class_list":["post-3924","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-how-to"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Form-Designer.jpg",1280,720,false],"thumbnail":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Form-Designer-150x150.jpg",150,150,true],"medium":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Form-Designer-300x169.jpg",300,169,true],"medium_large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Form-Designer-768x432.jpg",768,432,true],"large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Form-Designer-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Form-Designer.jpg",1280,720,false],"2048x2048":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Form-Designer.jpg",1280,720,false]},"uagb_author_info":{"display_name":"Dominik Keller","author_link":"https:\/\/preview-php85.dzine.org\/five\/author\/f1v5_ed3_my\/"},"uagb_comment_info":0,"uagb_excerpt":"Advanced Forms &#8211; Part 1: Five&#8217;s Form Designer Hi and welcome to Five&#8217;s Advanced Forms series. This series of blog posts teaches you how to design the perfect form in Five. From changing the layout of your form to adding calculated fields &#8211; we cover everything you need to know to give your users access&hellip;","_links":{"self":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/3924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/comments?post=3924"}],"version-history":[{"count":0,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/3924\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media\/3933"}],"wp:attachment":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media?parent=3924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/categories?post=3924"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/tags?post=3924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}