Calculater Field Form Design Issue

Hello @arnab28

Yes, you can use multiple calculators in the same website, even in the same page.

I don’t know exactly the way you are doing to customize the styles, so, I’ll try to describe the worst case: the insertion of the same form multiple times in the same page, and modify their appearnce by instance of the form.

If you want to assign a class name to a form, you should simply to pass a “class” attribute through its shortcode. So, I’ll try to describe the process with a hypothetical example:

* Assuming you want to insert the same form (the form with id=1) twice in the page, and you want set the colors of labels in red, in the first form, and set to green the labels of the second form.

In this hypothetical example you can insert the shortcodes as follows (you can use the class names you want):

[CP_CALCULATED_FIELDS id="1" class="red"]
[CP_CALCULATED_FIELDS id="1" class="green"]

and now the styles can be defined as follows:

.red #fbuilder label{color:red !important;}
.green #fbuilder label{color:green !important;}

Best regards.

Is this possible calculated field use as editable for users?

Hello @arnab28

Yes of course, however you should keep it in mind when you implement the equations.

Best regards.

Hello Sir,
please check the below link
https://bsbtest.assiduusinc.com/subscription/
see the Annual Repair Costs this field I am using calculation filed. but this field I can’t editable as a user. please give me a suggestion about how can I do this?

Hello @arnab28

If you want this field be editable, untick the read-only checkbox in its settings.

Best regards.

Okay now its editable but “,” is not taken when user edit this filed like $25,647

Hello @arnab28

The auto-format only happens in the currency fields, and the equations results.

Best regards.

autoformat is happens that okay, is there no option user-editable value showing like $25,647.

Hello @arnab28

Insert a “HTML Content” field in the form with the following piece of code as its content:

<script>
    jQuery(document).on('blur', '.codepeoplecalculatedfield', function(){
        var v = this.value;		
        if(!isNaN(v))
	    v = fbuilderjQuery.fbuilder.calculator.format(v, {groupingsymbol:',', decimalsymbol:'.', prefix:'$'});
        this.value = v;	
    });
</script>

Best regards.

Hello Sir,

I am trying your javascript code in Html content but it does not effect anything, please suggest me an another way

Hello @arnab28

I’ve visited your web page again (https://bsbtest.assiduusinc.com/subscription/), and it does not included the recommended code.

To demonstrate the code works, and perfectly, I’ll run it in your web page, from the developers console in the browser, please, watch the video visiting the following link:

https://wordpress.dwbooster.com/customdownloads/2020/06/24/video-console-o.mp4

Best regards.

Hello,

May I know which popup plugin supports this calculator form plugin?

Hello @arnab28

You can use the libraries you want with the plugin. The requirements are determined by the library selected. On the Internet, there are many alternatives to generate pop-ups.

Best regards.

which library I can use for popup function. I am using wp-popup plugin. this popup will show correctly but the problem is when I submit this form again popup will appear, I want like when submitting this form its show a thank you message, how can I do that.
check the link https://gietest.assiduusinc.com/

Hello @arnab28

You are confusing the responsibility of plugins. It is the pop-up who loads the form, and not in the other way. The form does not control when the pop-up is opened. Once the form is submitted, our plugin redirects the user to the URL entered into the “Thank you page” attribute in the form’s settings.

Best regards.