Hi, need some help with the visibility condition. I want to have a check-box field halfway down a form setup, so if anyone does not need or want the rest of the form setup to show or be sent (the last half of the form is a calculator), they can opt out by marking the check-box field.
I do not see any good tutorials or manuals to describe how I use the VC setup, so I´m a bit lost on that part. Could you either give me instructions or point me to resources that can make me understand the logic?
sure. Visibility Condition is a feature that allows you to display some Form Field widgets only when certain fileds have certain condition.
Lets say you have two Number Field widgets with names "one" and "two". In order to set Visibility Condition in second field (with name "two") select the widget in Elementor Editor, go to Visibility Condition tab and press add item:
the above configuration of Visibility Condition item means that Number Field with name "two" will be visible on the page when Number Field with name "one" will contain a number that would be higher then 10. You can choose the condition between "equal", "more", "more or equal", "less", "less or equal" and "not equal". Also you can add as many Visibility Condition items as you'd like per Field widget.
In your particular example you can assign some value to Checkbox Field, for example 1, and add Visibility Condition to all the fields below the Cheeckbox Field with Field Value option set to 1 and Condition set to Equal. This means that all those fields will be visible only if Checkbox Field is checked (has value equal to 1). Otherwise, they won't be visible. Please notice, that in this case you have to add Visibility Condition in each widget separately.
Needed a bit of "wrapping my brains" around it, but when I realized that the checkbox field did not need any input in the VC field and that I should use the field name (and value) from the checkbox field, it did make sense. And I got to hide the number fields by clicking the checkbox by reversing the condition to "not equal".
So that has now come to a resolution. Thank you!
One other question: I use a dropdown field in the form that defines values as numeric, as it has to be used in the calculate function I have in my form.
But when I use the "action after submit" and set up an email message, the only value I get from that dropdown field is a number (of course).
I think the display field is: {form_fields.type_pakke} (the latter is the form field name). Is there any way to also display the text value?
The field in question is a drop-down field with three options (three packages for web design type; ordinary, with text value/label: "Ordinær nettside" with numerical value identical to the cost for the customer in NOK: 5900 - and two other alternatives with text and numerical values. As you understand, It would be great if the mail to myself, but more importantly, the copy to the customer, has both text value/label and the number value.
You can choose "Text Values" in Dropdown Value Handling option and assign value in items like "number 30" or "Full Service $500". You can display this text in your email message like this: "Dear customer, thank you for purchasing: {form_fields.type_pakke}." In email you and your customers will see "Full Service $500" instead of {form_fields.type_pakke}. Does this answer you question? Please let me know
Hi, need some help with the visibility condition. I want to have a check-box field halfway down a form setup, so if anyone does not need or want the rest of the form setup to show or be sent (the last half of the form is a calculator), they can opt out by marking the check-box field.
I do not see any good tutorials or manuals to describe how I use the VC setup, so I´m a bit lost on that part. Could you either give me instructions or point me to resources that can make me understand the logic?
Hi,
I will forward your ticket to the second level support, so they can proceed in helping you.
Thank you for your understanding!
Regards,
Igor
Hi, Bent,
sure. Visibility Condition is a feature that allows you to display some Form Field widgets only when certain fileds have certain condition.
Lets say you have two Number Field widgets with names "one" and "two". In order to set Visibility Condition in second field (with name "two") select the widget in Elementor Editor, go to Visibility Condition tab and press add item:
the above configuration of Visibility Condition item means that Number Field with name "two" will be visible on the page when Number Field with name "one" will contain a number that would be higher then 10. You can choose the condition between "equal", "more", "more or equal", "less", "less or equal" and "not equal". Also you can add as many Visibility Condition items as you'd like per Field widget.
In your particular example you can assign some value to Checkbox Field, for example 1, and add Visibility Condition to all the fields below the Cheeckbox Field with Field Value option set to 1 and Condition set to Equal. This means that all those fields will be visible only if Checkbox Field is checked (has value equal to 1). Otherwise, they won't be visible. Please notice, that in this case you have to add Visibility Condition in each widget separately.
Let me know if I was clear enough.
Denys
Hi Denys!
Needed a bit of "wrapping my brains" around it, but when I realized that the checkbox field did not need any input in the VC field and that I should use the field name (and value) from the checkbox field, it did make sense. And I got to hide the number fields by clicking the checkbox by reversing the condition to "not equal".
So that has now come to a resolution. Thank you!
One other question: I use a dropdown field in the form that defines values as numeric, as it has to be used in the calculate function I have in my form.
But when I use the "action after submit" and set up an email message, the only value I get from that dropdown field is a number (of course).
I think the display field is: {form_fields.type_pakke} (the latter is the form field name). Is there any way to also display the text value?
The field in question is a drop-down field with three options (three packages for web design type; ordinary, with text value/label: "Ordinær nettside" with numerical value identical to the cost for the customer in NOK: 5900 - and two other alternatives with text and numerical values. As you understand, It would be great if the mail to myself, but more importantly, the copy to the customer, has both text value/label and the number value.
Please advise!
thanks for the details.
You can choose "Text Values" in Dropdown Value Handling option and assign value in items like "number 30" or "Full Service $500". You can display this text in your email message like this: "Dear customer, thank you for purchasing: {form_fields.type_pakke}." In email you and your customers will see "Full Service $500" instead of {form_fields.type_pakke}. Does this answer you question? Please let me know