CodePeople2

Hello @vince08

Please edit those fields and select the large option in their settings. You have selected the “Small” option.

I emulated the process directly in the browser. Please watch the following video:

https://resources.developers4web.com/cff/tmp/2025/03/14/video-fields_o.mp4

Best regards.

Hello @pmonstad

Thank you for using our plugin! The GPX files are loaded on demand via your website scripts once the onload event is triggered. Since our plugin is not designed to control files loaded via custom code, an alternative solution is to increase the duration that the loading screen is displayed. To get it, navigate to the plugin settings page and specify the additional seconds in the “Additional Seconds” attribute.

Best regards.

Hello @spacemakerman

Please install the latest plugin update. It allows you to customize error bubbles through the “Form Settings > Advanced Settings” tab:

Best regards.

Hello @jesus-1

The code of the equation can check if the fieldname1 value is not empty before evaluating the rest of the equation’s code:

(function(){
    if (fieldname1){
        /* YOUR CODE HERE */
    }
})()

Best regards.

Hello @jesus-1

You are describing a completely different situation.

You have multiple fields, and you want to apply green color to the fields with lower value and red to the field with the highest value.

I’ll describe the process with an example. Assuming these fields are fieldname1, fieldname2, fieldname3, and fieldname4.

The equation can be implemented as follows:

(function(){
    let fields = [
        [fieldname1|n, fieldname1],
        [fieldname2|n, fieldname2],
        [fieldname3|n, fieldname3],
        [fieldname4|n, fieldname4]
    ],
    low = fields.reduce((min, current) => { return min[1] < current[1] ? min : current; }),
    high = fields.reduce((min, current) => { return min[1] < current[1] ? current : min; });
    getField(low[0]).jQueryRef('input').css('color', 'green');
    getField(high[0]).jQueryRef('input').css('color', 'red');
})()

Now you need only to replace the fields’ names with the corresponding fields names on your form.

Please note the support does not cover implementing the users’ projects. If you need the specific implementation of your project equations, contact us through the plugin website. Contact Us.

Best regards.

Hello @dareko

Thank you so much for using our plugin. Please watch the following video:

https://resources.developers4web.com/cff/tmp/2025/03/10/video-spinner-buttons_o.mp4

Best regards.

Hello @spacemakerman

You can implement the button onclick event as follows:

if(fbuilderjQuery(this.form).valid()) { /* Your code Here */ }

Best regards.

Hello @pexel

Thank you very much. We will use it only as a guide to help other users in similar situations, advising them on which JS files to exclude from the deferral or the combination of files.

Best regards.

Hello @vince08

Thank you so much for using our plugin. You need only to assign the predefined class names to separate the div fields with the entry fields and the div fields with the results into two separate columns, and assign the CSS rules to the div field with results to position it as fixed, and personalize its design. Please watch the following video:

https://resources.developers4web.com/cff/tmp/2025/03/09/video_o.mp4

Best regards.

Hello @jesus-1

I don’t understand completely your description. However, you can make the range for comparing dynamic.

For example, assuming you have the fieldname1 to make some calculations that return values like 100 or 350, and the fieldname2 that makes other calculations. Now, if the fieldname1 value is 100, you want to compare the fieldname2 result if it is less than 44, between 44 and 69, or greater than 69. However, if fieldname1 is 350, the numbers for comparing are 142 and 242.

And the equation to determine the color would be similar to:

(function(){
let low, high, color;

if(fieldname1 == 100) {low = 44; high = 69; }
else if(fieldname1 == 350) {low = 142; high = 242; }

if(fieldname2<=low) color = 'green';
else if(AND(low < fieldname2, fieldname2 < high) color = 'orange';
else color = 'red';

getField(fieldname2|n).jQueryRef().find('input').css('color', color);

})()

Best regards.

Hello @pexel

Thank you very much for the feedback. It will help other users with similar plugins installed. Could you please provide the latest WP Rocked settings you configured?

Best regards.

Hello @yesandplus

I assume you are using the free plugin distribution. It collects all the information entered by users (if your form contains email fields, this information will be collected as well) and allows you to include it in the notification emails it sends to the email address entered through the “Destination” attribute (https://cff.dwbooster.com/documentation#email-settings). The commercial plugin distributions allow you to configure a copy email to the user; the free version does not include this feature.

All the plugin distributions allow you to format the email content as HTML. To do this, select the “HTML” option for the “Email format” attribute in the form settings and use the field tags directly combined with HTML tags.

For example, you want to include the fieldname1 and fieldname2 fields in the notification email with their labels in bold and values in italic, you can enter the following HTML block of code as the email content:

<p><b><%fieldname1_label%></b>: <i><%fieldname1_value%></i></p>
<p><b><%fieldname2_label%></b>: <i><%fieldname2_value%></i></p>

Learn more about the tags supported by the notification emails by reading the following section in the plugin documentation:

https://cff.dwbooster.com/documentation#special-tags

Regarding your question about generating a dynamic PDF file with the information collected by the form, you need the “CFF – PDF Generator” add-on, distributed with the plugin Platinum distribution. It, like with the notification emails, allows you to enter the file content as a combination of fields and HTML tags.

Learn more about the “CFF – PDF Generator” add-on by reading the following blog post:

https://cff.dwbooster.com/blog/2020/07/19/pdf-generator

Best regards.

Hello @massimo1971

Yes you are right. You cannot embed directly one PDF file into another using the “PDF Generator” add-on. However, you can implement a server-side equation ( https://cff.dwbooster.com/blog/2018/10/01/server-side-equations ) that reads a PDF file and returns its content in HTML format, and then use this information into the PDF file generated by the add-on.

You can check libraries like Poppler:
https://github.com/ncjoes/poppler-php?tab=readme-ov-file

Best regards.

Hello @massimo1971

Thank you so much for using our plugin. The answer to your question depends on the format of the “technical sheets” and how they are accessible.

For example, if the technical sheets are separated files (PDF file, Image file, or any other format), and you can identify them by using the product selected, like a database with the relationships of the technical sheets files and products IDs, you can use the DS fields (https://cff.dwbooster.com/blog/2019/02/14/ds) to get the URLs and include the links to the files directly in the notification emails.

If the technical sheets are an HTML structure or plain text that you can identify by the products IDs, you can use the DS fields to read the technical sheets text, and include it directly in the body of the notification email or as part of the PDF file generated by the “CFF PDF Generator” add-on (https://cff.dwbooster.com/blog/2020/07/19/pdf-generator)

Best regards.

Hello @bandreas3

Thank you very much for the review.

Best regards.