Thread Starter
rod
(@nomadarod)
An image is worth a 1000 words:
https://monosnap.com/file/vaB7Cz6CXNv27A9lBhLvERdSsZHxC7
I mean, how can I make the variables “-10% (2 acompagnants)”, “Inscription(s)”, “Restant”, and “Total à payer” be taken into consideration for the calculation, when these conditions are present, but still not show on the form?
Hi @nomadarod
Sorry to hear you are having this issue.
Could you please export your form and share it using Pastebin or Google drive so we can take a closer look?
https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export
Best Regards
Patrick Freitas
Thread Starter
rod
(@nomadarod)
Hi Patrick,
Thank you for being there.
Here is the paste: https://pastebin.com/X1acMuXZ
cheers,
Rod
Hi @nomadarod
Thanks for sharing the form!
I admit I’m still not quite sure how this should work but if I understand correctly, you want to use certain fields in calculations conditionally but keep them hidden all the time.
If yes then it’s not possible because those visibility rules (maybe it is a bit “unfortunate” name of the feature) are more than just showing/hiding field. They are, on purpose, created to also show/hide field “functionally”, so to say.
It’s expected that a field that’s hidden will not be used in calculation.
The workaround for this – to keep fields “visually hidden” all the time but used them conditionally anyway would be to “forcefully” hide selected fields with CSS.
For example, for “Inscriptions” calculation, with current setting of “Visibility”, you would need to add following CSS to the custom CSS option in form’s “Appearance” settings:
#calculation-5 {display:none!important;}
This will keep that calculation field “visually hidden” all the time while the “visibility condition” would still work letting you “conditionally use” the field’s value.
The same way you can address other fields that you want to “use conditionally” but keep invisible on form all the time.
Best regards,
Adam
Thread Starter
rod
(@nomadarod)
Hi Adam,
Strange that I don’t see my reply here. Anyway, it was pretty effective with the CSS. Thank you for your support
Best regards
Rod
Thread Starter
rod
(@nomadarod)
Hi,
I used the css you shared in order to hide the fields in question. But when they are used in the calculations (visible but hidden by css), they create a blank space in the form because of the bottom-margin.
I can add a class hidden-row to the different {calculation} fields but the margin is a quality of the entire row. How do I select the row through css?
Thanks
Rod
Hi @nomadarod
This would be a bit more tricky but doable.
You can use CSS like this:
.forminator-row:nth-of-type(3) {
display:none!important;
}
The number is the “number of element with class “.forminator-row” counted from first occurence, from “0”. I used a random one here so you’ll need to find correct number(s) on your form (you may need to look into page source code as there also may already be some hidden rows – they are not visible but are counted in this case).
I also used rule to hide the row but you can replace display:none with any rules you need.
Best regards,
Adam
Thread Starter
rod
(@nomadarod)
Hi Adam,
Thank you so much! That did it.
Best regards
Rod
