{"id":9574,"date":"2023-02-27T14:40:23","date_gmt":"2023-02-27T09:40:23","guid":{"rendered":"https:\/\/stylemixthemes.com\/cost-calculator-plugin\/?page_id=9574"},"modified":"2024-07-20T10:35:10","modified_gmt":"2024-07-20T05:35:10","slug":"condition-template","status":"publish","type":"page","link":"https:\/\/stylemixthemes.com\/cost-calculator-plugin\/templates\/condition-template\/","title":{"rendered":"Condition Calculator"},"content":{"rendered":"\n<div class=\"ccb-main-widget \" id=\"ccb_app_10961\" data-calc-id=\"10961\"><\/div>\n\n<p><span style=\"font-weight: 400;\">The Conditions form has four fields:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Drop down: This field allows the user to select from a list of options. The available options are &#8220;Option 1&#8221;, &#8220;Option 2&#8221;, and &#8220;Option 3&#8221;.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Toggle: This field allows the user to turn a setting on or off. The setting is labeled &#8220;Toggle Setting&#8221;.<\/span><\/p>\n<p class=\"p1\">Time Picker: This field allows the user to select a time.<\/p>\n<p><span style=\"font-weight: 400;\">Radio buttons: This field allows the user to select one option from a group of options. The available options are &#8220;Radio Option 1&#8221; and &#8220;Radio Option 2&#8221;.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The behavior of the form changes based on the selected options.For example, if the user selects &#8220;Option 1&#8221; from the drop-down, the toggle setting is enabled and the user can choose a date from the date picker. If the user selects &#8220;Option 2&#8221; from the drop-down, the toggle setting is disabled and the user cannot choose a date from the date picker. If the user selects &#8220;Option 3&#8221; from the drop-down, the radio options become available and the user must select one of them before submitting the form.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This form demonstrates how conditions can be used to create dynamic forms that adapt to the user&#8217;s input. By changing the behavior of the form based on the selected options, the form can provide a more intuitive and streamlined user experience.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Try this form if it fits your business. You can always add more unique parameters, which are required for your occupation.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Conditions form has four fields: Drop down: This field allows the user to select from a list of options. The available options are &#8220;Option&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":9387,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"paid_plugins\/calculator-live-demo.php","meta":{"footnotes":""},"class_list":["post-9574","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stylemixthemes.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/pages\/9574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stylemixthemes.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stylemixthemes.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stylemixthemes.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stylemixthemes.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/comments?post=9574"}],"version-history":[{"count":10,"href":"https:\/\/stylemixthemes.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/pages\/9574\/revisions"}],"predecessor-version":[{"id":76000,"href":"https:\/\/stylemixthemes.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/pages\/9574\/revisions\/76000"}],"up":[{"embeddable":true,"href":"https:\/\/stylemixthemes.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/pages\/9387"}],"wp:attachment":[{"href":"https:\/\/stylemixthemes.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/media?parent=9574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}