{"id":34073,"date":"2023-02-01T08:39:35","date_gmt":"2023-02-01T08:39:35","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=34073"},"modified":"2023-04-12T09:57:32","modified_gmt":"2023-04-12T09:57:32","slug":"conditional-visibility-rules-for-form-fields-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/","title":{"rendered":"Conditional Visibility Rules for Form Fields Overview"},"content":{"rendered":"\n

JetEngine <\/em>Forms functionalities give you the opportunity to create an astonishing form. Not only will it look glorious, but it also can be made dynamic and flexible. With the help of Conditional Visibility Rules<\/strong>, you can dynamically show, hide, or fill with pre-set data any of the form fields. It is possible to set one or multiple rules for every part of the form.<\/p>\n\n\n\n

To set conditional rules, go to JetEngine > Forms<\/em><\/strong> and open the one you would like to change (to learn how to create a form, check our Form Layout tutorial<\/a>). On the right side of a form field tile, there is a conditional rules button (the one with the crossed arrows). Click it.<\/p>\n\n\n\n\"conditional\n\n\n\n

To add a new conditional rule, hit the \u201cNew Rule<\/strong>\u201d button. Here\u2019s what the conditional rule table looks like:<\/p>\n\n\n\n\"new\n\n\n\n

Let\u2019s take a closer look at its features.<\/p>\n\n\n\n

Type<\/h2>\n\n\n\n
\n

This row has a drop-down menu with three options:<\/p>\n\n\n\n

    \n
  • Show this field if<\/strong> \u2013 the field will be shown if the conditions you set are met.<\/li>\n\n\n\n
  • Hide this field if<\/strong> \u2013 the field will be hidden if the conditions you set are met.<\/li>\n\n\n\n
  • Set value for this field if<\/strong> \u2013 in this case, if the conditions are met, the field will be filled with the data you type into the Value to set<\/strong> text area.<\/li>\n<\/ul>\n\n\n\n

    Let’s assume you\u2019ve chosen the first option, Show this field if<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n

    Field<\/h2>\n\n\n\n

    In the drop-down menu, you will find the names of all fields you\u2019ve already added to the form. The field you are setting a rule for will be dependent on the one you choose in this row.<\/p>\n\n\n\n

    Operator<\/h2>\n\n\n\n
    \n

    Here you can choose the comparison rule. The value of the field that you have chosen (in the previous row) will be somehow compared with the data you place into the Value to compare<\/strong> bar.
    <\/p>\n\n\n\n

      \n
    • Equal<\/strong>. If the field value is similar to the one you put into the Value to set<\/strong> text area, the dependent field will be shown. For example, let\u2019s assume that the second field of your form has to appear only if the value of the first field is 5.<\/li>\n<\/ul>\n\n\n\n\"equal\n\n\n
      <\/svg><\/div>
      Warning<\/div>

      The values have to be separated by commas. The range has to be set from the lowest value to the highest (\u201c1,5\u201d not \u201c5,1\u201d). The range includes the mentioned values (\u201c1,5\u201d range will work on \u201c1,2,3,4,5\u201d values).<\/p><\/div><\/div>\n\n\n\n

        \n
      • In the list<\/strong>. This operator works with the Radio<\/strong>, Checkbox, <\/strong>and Select <\/strong>field types. If the option that a user selects is similar to the value you type into the Value to set<\/strong> text area, the dependent field will be shown. For example, let\u2019s assume that the first field of your form has to appear only if the user selects the value \u201c2\u201d from the list.<\/li>\n<\/ul>\n\n\n\n\"in\n\n\n
        <\/svg><\/div>
        Things to know<\/div>

        You can use the Contain text<\/strong> operator for Media fields too. For example, if you type \u201c.png\u201d in the Value to set<\/strong> text area, the dependent field will be shown when the user inserts a PNG file to the Media<\/strong> field.<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n

        You can add as many conditional rules for every field as necessary. Just make sure they don\u2019t contradict each other. <\/p>\n","protected":false},"excerpt":{"rendered":"

        This overview reveals the details of conditional visibility mechanics. You will learn how to set the visibility of any form field according to your needs.<\/p>\n","protected":false},"author":9,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[403],"yoast_head":"\nHow to Set Conditional Rules for Form Visibility \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"JetEngine Forms will help you not only create a stunning form but also make it flexible and dynamic with the Conditional Visibility Rules.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Set Conditional Rules for Form Visibility \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"JetEngine Forms will help you not only create a stunning form but also make it flexible and dynamic with the Conditional Visibility Rules.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-12T09:57:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/conditional-logic-button.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/\",\"name\":\"How to Set Conditional Rules for Form Visibility \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-02-01T08:39:35+00:00\",\"dateModified\":\"2023-04-12T09:57:32+00:00\",\"description\":\"JetEngine Forms will help you not only create a stunning form but also make it flexible and dynamic with the Conditional Visibility Rules.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Conditional Visibility Rules for Form Fields Overview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Set Conditional Rules for Form Visibility \u2014 JetEngine | Crocoblock","description":"JetEngine Forms will help you not only create a stunning form but also make it flexible and dynamic with the Conditional Visibility Rules.","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:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/","og_locale":"en_US","og_type":"article","og_title":"How to Set Conditional Rules for Form Visibility \u2014 JetEngine | Crocoblock","og_description":"JetEngine Forms will help you not only create a stunning form but also make it flexible and dynamic with the Conditional Visibility Rules.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/","og_site_name":"Help Center","article_modified_time":"2023-04-12T09:57:32+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/conditional-logic-button.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/","name":"How to Set Conditional Rules for Form Visibility \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-02-01T08:39:35+00:00","dateModified":"2023-04-12T09:57:32+00:00","description":"JetEngine Forms will help you not only create a stunning form but also make it flexible and dynamic with the Conditional Visibility Rules.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/conditional-visibility-rules-for-form-fields-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"Conditional Visibility Rules for Form Fields Overview"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/34073"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/9"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=34073"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=34073"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=34073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}