Calculate fiels and label

Hello, I'm using J4 with visform pro.
On my webpage i'd like people to ask for a free offer. This offer comes with a calculation as a result if several different params. 
However, if I make this calculation field conditional, the field is only displayed in certain situations which is fine but there is no calcualtion done if the conditions are not met. Resulting in an offer lacking the calculated information.
The point being: I don't want to show the final amount on the website. So. How do I hide the calculation field on the webpage and still get the calculated total in my email?
Regards
Mark
 

Hallo Mark,

there is a simple solution for this.
It's easy to do with some custom CSS.

It is described in the documentation.
Customize layout with CSS:
docs.joomla-4.visforms.vi-solutions.de/e...orm-layout-with-css/

I will just use the selected UI framework Bootstrap 5 and the Joomla standard template Cassiopeia.
In the field configuration tab 'Advanced', parameter 'CSS class control group' you can enter the name of your own CSS class.

Step 1:
You then define this CSS class in your custom.css file from above according to your wishes.
For a complete hiding in the form you use something like (do not forget the dot):
Step 2:
Set Parameter 'CSS class control group' = 'my-field-is-hidden'.
Omit the point here.

In this way the field is not displayed, does not take up space, all calculations are carried out and it is sent along with the other fields normally.

Your UI framework may already provide its own class for this purpose.
You only have to enter this in the 'CSS class control group' parameter.
For that you need to consult your UI framework.

Something very similar was implemented in the following topic.
Unfortunately the topic is written in German.
vi-solutions.de/de/support/forum/19-joom...rsicht-anzeigen#8948

There will be a repository for CSS and JavaScript in a future Visforms release to bind this and similar features to fields.
I have already created a development issue for the feature wish list:
Issue [VF-722] Forum: Provide CSS and JavaScript repository and mechanism to bind features to form fields

When we release the new feature, you will be explicitly informed about the release here in the topic.
Thank you again for your contribution!

Kind regards, Ingmar