CodePeople2

Hello @teamtacho

Thank you very much for using our plugin. Unfortunately, you have not included the screenshot. However, if you are referring to the Insert Form and Insert Variable icons, this is because your website is using the classic WordPress editor, or you are using Elementor or similar, which uses the classic WordPress editor in some modules.

If you want to hide these icons, you have two alternatives:

1) You can edit the styles in your website. Enter the following style definition into a CSS file loaded in your back-end:

a[href*="cp_calculatedfieldsf"]{display: none !important;}

2) Alternatively, you can directly edit the files in the plugin by appending the previous style definition to the end of the ‘/wp-content/plugins/calculated-fields-form/css/style.css’ file.

Best regards.

Hello @darkside999

Thank you very much for the review.

Best regards.

Hello @darkside999

Dependencies do more than simply hide or show fields. When a field is configured as dependent, it is treated as empty in calculations while disabled, and it is also excluded from the form submission.

If your goal is only to show or hide fields without disabling them, you should use a different approach. In this case, you can use the SHOWFIELD and HIDEFIELD operations.

For example, suppose the radio button field is fieldname123, and you want to hide the div field fieldname45 when the radio button is unchecked, without disabling it.

1. First, insert a calculated field in the form to act as an auxiliary field. Since this field is only used to control the behavior and should not appear in the form or be submitted to the server, enable the options in its settings to Hide the field from the public form, Exclude it from form submission (these are two checkboxes in the settings of the calculated fields).
2. hen enter the following equation in its “Set equation” attribute:

fieldname123 ? SHOWFIELD(fieldname45|n) : HIDEFIELD(fieldname45|n);

Alternatively, you can use a function-style structure (both equations are equivalent):

(function(){
if(fieldname123) SHOWFIELD(fieldname45|n);
else HIDEFIELD(fieldname45|n);
})()

Please note the equation uses the fieldname45 with the |n modifier (fieldname45|n), but not the fieldname123. The plugin automatically replaces field names in the equation with their current values before evaluating it. The |n modifier tells the plugin that you are referring to the field name itself, not its value.

The equation can be read as: if the fieldname123 value is not empty (it is ticked), show the field whose name is fieldname45, if not, then hide it.

Best regards.

Hello @raiman70

Thank you very much for the review.

Best regards.

Hello @wpingo

You can use the plugin operations HIDEFIELD and SHOWFIELD, for example, in your HTML Content field you can include the piece of code:

<script>
HIDEFIELD('.captcha');
</script>

And then, in the calculated field where you check the validation of data, you can use:

SHOWFIELD('.captcha');

Please note we are not allowed to support any customers in these forums.

For pro or commercial product support please contact us directly on our site.

Commercial products are not supported in these forums. We will happily answer this and any other questions you can have on our own site.

Thank you.

Hello @wpingo

Please note that the DISTANCE operation relies on the Google Maps API, so it is essential to include a valid API Key in your form settings for it to work properly.

To help us investigate this under the same conditions, could you please share:

• The direct link to the page where the form is published
• The exact values you are entering into fieldname8, fieldname9, and fieldname7

With this information, we’ll be able to replicate the scenario on our end and provide you with a precise and fast solution.

Best regards.

Hello @hyzwar

Thank you very much.

Best regards.

Hello @hyzwar

Please note that some styles are inherited from the theme active on your website.

If you want to increase the tooltips text sizes, you can enter the style definition below into the “Customize Form Design” attribute in the “Form Settings > Advanced Settings” tab:

.uh-tooltip{font-size:14px !important;}

Bet regards.