{"id":3969,"date":"2024-09-11T09:25:22","date_gmt":"2024-09-11T01:25:22","guid":{"rendered":"https:\/\/five.co\/?p=3969"},"modified":"2025-04-24T08:56:54","modified_gmt":"2025-04-24T00:56:54","slug":"conditional-logic-and-branching","status":"publish","type":"post","link":"https:\/\/preview-php85.dzine.org\/five\/blog\/conditional-logic-and-branching\/","title":{"rendered":"Advanced Forms: Conditional Logic and Branching in Forms"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Advanced Forms &#8211; Part 6: Conditional Logic and Branching in Forms<\/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>Conditional Logic and Branching<\/strong>, which let you change the flow of your form, based on user&#8217;s responses. For example, say you ask users what their preferred method of contact is, email or phone. Depending on what the user selects, your next question is <em>either <\/em>for their email address <em>or <\/em>for the phone number.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this blog post, you will learn how to use conditional logic in forms to show or hide fields dynamically, improving user experience and form efficiency with smart rules.<\/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 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\">Examples of Conditional Logic and Branching<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Few forms ask the same set of questions to <em>all <\/em>users. To give a few examples.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s say you are building a form for your business partners. Some of your business partners are suppliers, others are customers. Inside your form, you would first want to find out what type of partner you are dealing with. Once they have selected who they are, the next questions will be entirely different, as your data requirements from suppliers and customers aren&#8217;t the same. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the medical field, it is common to ask about gender. Depending on gender, a natural next question is whether someone is pregnant. However, this question should only be shown to those who selected female. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For lead generation forms, we often want to collect a way to contact leads, whether it&#8217;s on the phone, by email, or WhatsApp. Inside a form, we can first ask what method of contact is preferred, and next we ask specifically for the person&#8217;s phone number, email address, or WhatsApp number.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These three examples illustrate why <strong>conditional logic <\/strong>and <strong>branching <\/strong>are extremely powerful techniques when building forms. For every form field in Five, you can define <strong>Show If<\/strong> conditions. These conditions can be as simple or complex as you need them to be. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/default-bookingform-tryfive.5au.dev\/url\/booking\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Check out this hypothetical booking form<\/a>, which heavily relies on show-if conditions to expand step-by-step, and either asks for an email address or phone number, depending on what users select as their preferred mode of contact.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keep on reading to understand how to implement conditional logic through show-if conditions in Five.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Applying Conditional Logic in Five: Using Show-If Conditions<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To define and apply conditional logic and branching in your form, follow these steps:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prerequisites:<\/strong><br>Have at least one application with one database table and one form ready in Five.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. In Five, go to <strong>Visual &gt; Forms<\/strong>, and select the form you would like to apply conditional logic to.<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>. <br>4. Next, click on <strong>Fields<\/strong> to see an overview of all fields inside your form.<br>5. Select one of your existing fields by clicking on it. You will now see a screen similar to what is shown here:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img width=\"1024\" height=\"462\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-42-1024x462.png\" alt=\"\" class=\"wp-image-3971\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-42-1024x462.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-42-300x135.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-42-768x346.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-42-1536x692.png 1536w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-42-2048x923.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>To select a form field, click on <strong>Visual &gt; Forms &gt; Pages &gt; Fields<\/strong><\/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\">6. Click on the <strong>Display<\/strong> tab. Here is what you will see next:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img width=\"1024\" height=\"380\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-43-1024x380.png\" alt=\"Apply Conditional Logic in Five by supplying a Show-If Condition\" class=\"wp-image-3972\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-43-1024x380.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-43-300x111.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-43-768x285.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-43-1536x570.png 1536w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-43-2048x760.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Show-If Conditions are provided in the Display tab of a form field.<\/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\">7. The <strong>Show If<\/strong> field is where you can define a condition to display a form field. For example, in the image above we are looking at the <strong>Name<\/strong> field contained in this <a href=\"https:\/\/default-bookingform-tryfive.5au.dev\/url\/booking\" rel=\"nofollow noopener\" target=\"_blank\">sample form<\/a>. The <strong>Name <\/strong>field only appears if the <strong>Property<\/strong> field is <em>not <\/em>empty. This is what our show-if condition states:<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><code>(form.field.Property !== \"\")<\/code><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Explainer: Five&#8217;s Syntax For Conditional Logic<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You might be looking at the show-if condition and wondering what it means and why it contains <code>!==<\/code>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In plain language, our show-if condition above says &#8220;Only show the name field if the Property field is not empty&#8221;. <code>!==<\/code> is the unequal operator in JavaScript. You don&#8217;t need to know JavaScript, however, to write these show-if conditions. Simply ask ChatGPT (which knows JavaScript very well), and you can create your conditions in seconds.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The beginning of our show-if condition <strong>five.form.<\/strong> means we are referring to another field on our form. In our case, we are referring to the <strong>Property <\/strong>field. Replace <strong>Property <\/strong>with any other <strong>Field ID<\/strong> to write your show-if condition.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">8. Provide your show-if conditions, and when you are done, 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<h3 class=\"wp-block-heading\">Complex Conditional Logic in Forms<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The example of the <strong>Name <\/strong>field above is very straightforward. As long as the <strong>Property<\/strong> field is not empty, the <strong>Name <\/strong>field will be shown. What if we want more complex conditions?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Five&#8217;s show-if field accepts even the most complex conditions. Here is a slightly more complex example that checks two conditions:<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><code>(form.field.Phone !== \"\" || form.field.Email !== \"\")<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This condition is applied to the last field of our <a href=\"https:\/\/default-bookingform-tryfive.5au.dev\/url\/booking\" rel=\"nofollow noopener\" target=\"_blank\">sample form,<\/a> where users are asked whether they agree to receive marketing communications. Click through the entire form to see this field appear.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Again, let&#8217;s assume we don&#8217;t know how to read JavaScript. Thankfully ChatGPT can help. Here&#8217;s ChatGPT&#8217;s response to interpreting this condition:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img width=\"1024\" height=\"740\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-44-1024x740.png\" alt=\"\" class=\"wp-image-3974\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-44-1024x740.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-44-300x217.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-44-768x555.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-44.png 1178w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Interpreting show-if conditions in ChatGPT<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">The key takeaway is that all show-if conditions in Five are written in plain JavaScript. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Common JavaScript Operators for Conditional Logic<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To help you get started writing your conditional logic in Five, here is a list of the five most common JavaScript operators:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. <strong>&amp;&amp; (Logical AND)<\/strong>: Returns <code>true<\/code> if both operands are <code>true<\/code>.<br>2. <strong>== (Equality)<\/strong>: Compares two values for equality.<br>3. <strong>=== (Strict Equality)<\/strong>: Compares both value and type for equality (no type coercion).<br>4. <strong>!= (Inequality)<\/strong>: Compares two values for inequality, after type coercion.<br>5. <strong>!== (Strict Inequality)<\/strong>: Compares both value and type for inequality (no type coercion).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These five operators are widely used for conditions, comparisons, and logical operations in JavaScript<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Conditional Logic in Forms: Practical Tips<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Conditional logic is a very powerful technique in form design. When applying conditional logic to your form fields, you can build even the most complex forms, guiding users through your form, depending on their choices in other fields. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Conditional logic is part of Five&#8217;s <strong>Display<\/strong> definition for a form field. Apart from show-if conditions, you can also provide<strong> read-only<\/strong> or <strong>required <\/strong>conditions. Note that the <code>true<\/code> and <code>false<\/code> are accepted inputs in these fields, i.e. if the <strong>Read Only If <\/strong>field in Five contains <code>true<\/code>, the field will be set to read-only, as shown here.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"458\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-45-1024x458.png\" alt=\"\" class=\"wp-image-3980\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-45-1024x458.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-45-300x134.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-45-768x344.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-45-1536x687.png 1536w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-45.png 1916w\" 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\">To design a complex form with conditional logic, show-if, read-only-if or required-if conditions, our advice is to map out the flow of your form with pen and paper first. Write down which field depends on what. Equipped with a clear form flow, writing the actual show-if conditions will be extremely fast (especially when using AI to do so).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Do Other Form Builders Support Conditional Logic?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Other popular form builders, such as Google Forms support very basic conditional logic and branching. They are rather section-based, meaning users are redirected to an entirely different section of your form based on their answers. This works well for simple forms, but not for more complex conditional logic.<\/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\n\n\n<p class=\"wp-block-paragraph\"><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Advanced Forms &#8211; Part 6: Conditional Logic and Branching in Forms 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 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":3975,"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-3969","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-Conditional-Logic-and-Branching.jpg",1280,720,false],"thumbnail":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Conditional-Logic-and-Branching-150x150.jpg",150,150,true],"medium":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Conditional-Logic-and-Branching-300x169.jpg",300,169,true],"medium_large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Conditional-Logic-and-Branching-768x432.jpg",768,432,true],"large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Conditional-Logic-and-Branching-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Conditional-Logic-and-Branching.jpg",1280,720,false],"2048x2048":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Conditional-Logic-and-Branching.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 6: Conditional Logic and Branching in Forms 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&hellip;","_links":{"self":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/3969","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=3969"}],"version-history":[{"count":0,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/3969\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media\/3975"}],"wp:attachment":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media?parent=3969"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/categories?post=3969"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/tags?post=3969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}