CodePeople2
Forum Replies Created
-
Forum: Plugins
In reply to: [Calculated Fields Form] Custom dependency rulesHello @life2
You can use the method in your entry:
if( OR(fieldname1 == 1, fieldname1 == 2, fieldname1 == 3, fieldname1 == 4) )or the IN operation:
if( IN(fieldname1, [1,2,3,4]) )Best regards.
Forum: Plugins
In reply to: [Calculated Fields Form] Custom dependency rulesHello @life2
I don’t know what you mean by “radio buttons to be unchangable”. But when you make a field ignored, it is excluded from the form submission and ignored by the equations.
What do you want exactly?
Best regards.
Forum: Plugins
In reply to: [Calculated Fields Form] How to change the error popup style for fields?Hello @spacemakerman
The error texts are entered in the “Validation Settings” area in the form settings ( https://cff.dwbooster.com/documentation#validation-settings ).
The selector for the tooltips is
.uh-tooltip, so, you can modify its position as follows:.uh-tooltip{margin-top:-40px;}Best regards.
Forum: Plugins
In reply to: [Loading Page with Loading Screen] Force closing loading screenHello @dholly
We released a plugin update Yesterday that makes the process easier. After installing the latest plugin update, purge the website and browser caches, you don’t need to activate the close screen button to hide it by coding. Furthermore, the code “Include an ad, or your own block of code” attribute could be implemented as follows:
<script>setTimeout(function(){cp_loadingpage.onLoadComplete(true);}, 2000);</script>The previous code does not depend on the close screen button.
Best regards.
Forum: Plugins
In reply to: [Calculated Fields Form] How to change the error popup style for fields?Hello @spacemakerman
Making your selector more specific ensures its precedence over other styles definitions. For example, Form 10 has selected template 13. So, you can use the template class name (.cp_cff_13) to make your styles more specific:
form.cff-form.cp_cff_13 #fbuilder div.cpefb_error.message{
border-color: #866552 !important;
transition: border-color 0.3s ease !important;
background-color: #866552 !important;
color: #D2C8BC !important;
}
form.cff-form.cp_cff_13 #fbuilder div.cpefb_error.message::after{
border-bottom-color: #866552 !important;
}
form.cff-form.cp_cff_13 #fbuilder .fields .dfield input.cpefb_error,
form.cff-form #fbuilder .fields .dfield textarea.cpefb_error,
form.cff-form #fbuilder .fields .dfield select.cpefb_error {
border: 1px solid #866552 !important;
}Best regards.
Forum: Plugins
In reply to: [Calculated Fields Form] How to change the error popup style for fields?Hello @spacemakerman
You’re referring to two distinct components. The error bubbles appear when validation rules fail – such as when a required field is left empty or a value falls outside the defined “min” and “max” limits, among other conditions. In contrast, the “Show as floating tooltip” option displays user instructions.
If you want to modify the design of the error bubbles, you should use these styles:
form.cff-form #fbuilder div.cpefb_error.message{
border-color: #866552 !important;
transition: border-color 0.3s ease !important;
background-color: #866552 !important;
color: #D2C8BC !important;
}
form.cff-form #fbuilder div.cpefb_error.message::after{
border-bottom-color: #866552 !important;
}
form.cff-form #fbuilder .fields .dfield input.cpefb_error,
form.cff-form #fbuilder .fields .dfield textarea.cpefb_error,
form.cff-form #fbuilder .fields .dfield select.cpefb_error {
border: 1px solid #866552 !important;
}Please watch the following video:
https://resources.developers4web.com/cff/tmp/2025/02/28/video-error.mp4
Best regards.
Forum: Plugins
In reply to: [Loading Page with Loading Screen] Force closing loading screenHello @dholly
Thank you so much for using our plugin. Yes, that’s possible. Please go to the plugin settings and tick the “Display a close screen button” checkbox. Finally enter the style definition below through the “Include an ad, or your own block of code” attribute:
<script>setTimeout(function(){jQuery('.lp-close-screen').trigger('click');}, 2000);</script>Best regards.
Forum: Plugins
In reply to: [Calculated Fields Form] How to change the error popup style for fields?Hello @spacemakerman
Please enter the style definition below through the “Customize Form Design” attribute in the “Form Settings > Advanced Settings” tab:
form.cff-form #fbuilder .fields .dfield input.cpefb_error,
form.cff-form #fbuilder .fields .dfield textarea.cpefb_error,
form.cff-form #fbuilder .fields .dfield select.cpefb_error {
border: 1px solid #866552 !important;
}If the styles are applied to the form in the public website, please provide the link to the page containing the form to check the issue in detail.
Best regards.
Hello @spacemakerman
If you want to deactivate the choice from user selection, you must use JS. However, I prefer using the following piece of code:
<script>
fbuilderjQuery(document).on('formReady', function(){
getField('fieldname1').jQueryRef().find('option:eq(0)').prop('disabled', true);
});
</script>Best regards.
Forum: Plugins
In reply to: [Calculated Fields Form] Form not loadingForum: Plugins
In reply to: [Calculated Fields Form] Questions about fine-tuning styles in CFFHello @spacemakerman
Please read your other support thread about these questions:
https://ww.wp.xz.cn/support/topic/how-to-change-the-error-popup-style-for-fields/
Best regards.
Forum: Plugins
In reply to: [Calculated Fields Form] How to change the error popup style for fields?Hello @spacemakerman
If you want to modify the error tooltips, please, enter the style definition below through the “Customize Form Design” attribute in the “Form Settings > Advanced Settings” tab:
.cff-form #fbuilder .uh div.cpefb_error.message{
border-color: #866552 !important;
transition: border-color 0.3s ease !important;
background-color: #866552 !important;
color: #D2C8BC !important;
}
.cff-form #fbuilder .uh div.cpefb_error.message::after{
border-bottom-color: #866552 !important;
}Best regards.
Hello @spacemakerman
Thank you so much for using our plugin.
If you want to include a “preset value” option, first enter all selectable options in DropDown settings, tick the “Includes an additional first choice as placeholder” checkbox and enter “preset value” through the “First choice text” attribute.

Best regards.
Hello @metesey
If you are referring to display the field only by printing the form? Yes, that’s possible.
Assign a custom class name to the fields you want to display only by printing the form. E.g.
print-onlyThe class names are assigned to the fields through their “Add CSS Layout Keywords”.
Finally, enter the styles definition below through the “Customize Form Design” attribute in the “Form Settings > Advanced Settings” tab:
@media screen{
.print-only{display:none;}
}
@media print{
.print-only{display:block !important;}
}Best regards.
Forum: Plugins
In reply to: [Calculated Fields Form] Form not loadingHello @pexel
The WP Rocket team kindly provided us with a copy of the plugin for testing. We installed it and imported the JSON file with the WP Rocket settings on your website. And we can confirm we have not detected any compatibility issue. Please watch the video by visiting the following link:
https://resources.developers4web.com/cff/tmp/2025/02/27/video_o.mp4
Note we visited the page from different browsers, even with them on incognito mode.
I suspect the problem on your website originates from the combination of multiple plugins.
Please contact us through our plugin website.
Best regards.