Calculator questions

Ask the Community Customization
1

@max Is it possible to add (required option) to the fields for the calculator, as it can be submitted with missing data inputs without it.

2 Likes
2

@max is it also possible to have conditional format available within the form fields?

2 Likes
3

Hi there, @Darryl :wave:

At the moment, conditional logic for form fields isn’t supported. However, you’ve previously requested this feature and we have this idea on the Wishlist.

As for the Required option for input fields, there are 5 fields where you can enter value/choose option.

Choice, Image Choice and Dropdown fields have Selected by Default option:

image
image365×706 13.6 KB

Thus, these fields won’t be empty anyway. And if users don’t like the default option, they’ll be able to switch it.

The Slider field allows you choosing the value from the set range. So, this field won’t be empty when submitting the form.

Do I get it right, that you’d like to have this option for the Number field only (so that, the value should be more than 0)?

If I misunderstood your idea, please describe it in more detail :slightly_smiling_face:

1 Like
4

The pop-up form fields are ok. However, a conditional field option or a code to hide the submit button until all the calculator fields have been filled, otherwise they can submit the results without fully completing the required fields on the calculator.

2 Likes
5

I see that you have 3 Calculator widgets. Do you want to apply this feature for each of them?

1 Like
6

Ideally yes

1 Like
7

URGENT - the form button has vanished?

I’ve noticed some coding has been added, but its not working/showing the button when the fields have been completed.

I’ve noticed a field that can be left blank is causing the problem, I going to see if I can work around it.

2 Likes
8

Hi there, @Darryl :wave:

I am so sorry for this inconvenience!

Just to clear things up: do you want to hide the button in the Results section that opens the form or the Submit button right in the form?

1 Like
11

@max Some code has been added by yourselves, but I need it to exclude the fields CashBack or Discount Code (so these can be blank), but the others need to be completed to display the button.

1 Like
12

Yep, our devs created custom codes for all your Calculator widgets. However, I completely got your idea and passed your comment to the devs.

I’ll let you know once the codes are adjusted :slightly_smiling_face:

13

great - thanks

1 Like
14

I’ve discussed this use case with the devs, and, unfortunately, there is no way to leave only specific fields empty and display the button. I am really sorry :pensive:

If you don’t like how the current code works, you can remove it from the Custom CSS field on the Settings tab:

/* hide action btn when number field value is 0 or £0 */
[class*="widget__Container-sc"]:has(input[type="text"][value="0"]) 
[class*="cta__Container-sc"],
[class*="widget__Container-sc"]:has(input[type="text"][value="£0"]) 
[class*="cta__Container-sc"],
[class*="widget__Container-sc"]:has(input[type="text"][value="0"]) [class*="results__Container-sc"] > [class*="divider__Divider-sc"],
[class*="widget__Container-sc"]:has(input[type="text"][value="£0"]) [class*="results__Container-sc"] > [class*="divider__Divider-sc"] {
  display: none !important;
}

[class*="widget__Container-sc"]:has(input[type="text"][value="0"]) [class*="results__Container-sc"] [class*="footer__Container-sc"],
[class*="widget__Container-sc"]:has(input[type="text"][value="£0"]) [class*="results__Container-sc"] [class*="footer__Container-sc"] {
  padding-top: 0;
}

Please let me know if this explains things or if you have any questions left.