CodePeople2

Hello @eberkland

The default values are determined when the form is rendered. However, as you used a DS field, whose values are loaded on demand, when the plugin renders the form, it does not contain a value yet.

The alternative is using a calculated field as an auxiliary.

Assuming you have three DS fields, fieldname1, fieldname2, and fieldname3, and you want to use them as placeholders for fields fieldname4, fieldname5, and fieldname6, respectively.

Insert a calculated field that you can configure as hidden and exclude its value from the form submission by ticking a pair of checkboxes in its settings, and enter the equation:

(function(){
getField(fieldname4|n).jQueryRef().find(':input').attr('placeholder', fieldname1);

getField(fieldname5|n).jQueryRef().find(':input').attr('placeholder', fieldname2);

getField(fieldname6|n).jQueryRef().find(':input').attr('placeholder', fieldname3);
})()

In the next plugin update, we will maintain them synchronized when the default value is used as a placeholder without requiring to use of a calculated field as an auxiliary.

Please note that we are not allowed to support any customers in these forums, and the DS fields are a commercial feature.

For pro or commercial product support please contact us directly on our site. This includes any pre-sales topics as well.

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 @massimo1971

Thank you for using our plugin. Calculated fields have a settings checkbox to disable equation re-evaluation when values are entered manually. Please untick this box to ensure the equations update automatically even when you manually enter a value.

Best regards.

Hello @ohtusabes

Yes, that’s possible and very simple. The strength of our plugin is that you have total control over the form. Please watch the following video:

https://resources.developers4web.com/cff/tmp/2025/04/25/video_o.mp4

I inserted a radio button field (fieldname1) with two choices, Yes, and No. So, I inserted a calculated field to be used as an auxiliary with the following equation:

(function(){
  if(fieldname1 == 'Yes' && typeof checked_previously === 'undefined'){
    checked_previously = true;
    let user_answer = window.confirm('Are you sure?');
    if(NOT(user_answer)) getField(fieldname1|n).setVal('No'); 
  }
})()

I included the variable checked_previously to ask for user confirmation only the first time he selects the “Yes” option.

If you need we customize your form, you can contact us via the plugin website. Contact Us

Best regards.

Hello @sakis11111

I’m pretty sure the issue is caused by your website or browser caches. Please provide the link to the page that contains the form to check your modifications.

Best regards.

Hello @sakis11111

You don’t need to change anything. In previous plugin versions, it was required to click the plus or minus buttons repeatedly to increase or decrease the field’s values. The current plugin version does the same by keeping the mouse pressed. Please watch the video:

https://resources.developers4web.com/cff/tmp/2025/04/24/video_o.mp4

Best regards.

Hello @ycsuk

Thank you so much for using our plugin.

Yes, that’s possible, you will need a calculated field as an auxiliary.

Insert a calculated field in the form (I’ll assume to illustrate the process, it is the fieldname123). Since it is an auxiliary, you can hide it from the form and exclude it from the submission by ticking two checkboxes in its settings. And enter the equation:

(function(){
if(fieldname19 == 400) return 1000;
if(fieldname19 == 500) return 2000;
/* the other conditions here */
})()

Finally, enter the name of the calculated field, in this example, the fieldname123, through the “max” attribute if the number field settings.

Best regards.

Hello @needfeed

Could you please provide the link to the page with the form to check the behavior?

Please note that in some situations it is better to use fixed sizes and position (px) instead of percentages, by using CSS @media

For example, if you assign IDs to the different tags, you can enter the style definitions as follows through the “Customize Form Design” attribute in the form settings tab:

@media screen ADN (max-width:640px){
/** YOUR STYLES FOR SMALL SCREENS **/
}

@media screen ADN (min-width:640px){
/** YOUR STYLES FOR MEDIUM SCREENS **/
}

@media screen ADN (min-width:710px){
/** YOUR STYLES FOR LARGE SCREENS **/
}

Best regards.