Show field after click on calculate button

I am using the free version but another website use the free version and did this feature.

Hello @mostafasadek12,

If you have configured the calculated field as hidden ticking the corresponding checkbox in its settings, that won’t be possible, because in this case, the field would be implementing using input tags with type="hidden"

However, you can hide these fields entering the predefined class name: hide through their attributes: “Add CSS Layout Keyword”, and then, in the onclick event of the calculate button, you simply should enter the following piece of code:

jQuery('.cff-calculate-field.hide').removeClass('hide');

and that’s all.
Best regards.

Hello please where is the code of css and where i can add it can you provide me with screenshots?

I did all the instructions and it’s not working well with me

Please why it isn’t working for me can you test it ?

Hello @mostafasadek12

You don’t need to enter any CSS code.

Please, follow the steps below:

– Select the calculated field in the form.
– Untick the checkbox: “Hide Field From Public Page” in its settings.
– Enter the word: hide
into the attribute: “Add CSS Layout Keywords”

– Now, select the button in the form.
– Enter the following piece of code into its attribute: “OnClick event”:

jQuery('.cff-calculate-field.hide').removeClass('hide');

and that’s all.
Best regards.

How i can add images for you to see that i did all steps but it isn’t working

check please https://condowebsite.profilewishes.com/wp-content/uploads/2019/07/1.png
https://condowebsite.profilewishes.com/wp-content/uploads/2019/07/2.png
https://condowebsite.profilewishes.com/wp-content/uploads/2019/07/3.png

Hello @mostafasadek12

I’m sorry, my fault, the code is not working on your website by a typo, the correct code is:

jQuery('.cff-calculated-field.hide').removeClass('hide'); 

Best regards.