Cell content

Hello @pexel

Thank you very much for using our plugin. You only need to tick the “Apply Select2 library” checkbox in the settings of the DropDown field:

Best regards.

Thanks a lot.
So, is it possible to search without showing the area in the picture?
When the user writes, the search results will appear.

Hello @pexel

If you hide the area (that is possible via CSS), the user cannot see the possible alternatives to select the best one. However, you can modify the area appearance with CSS rules.

For example, you can enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab (https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png):

#fbuilder .select2-dropdown{background:#465254 !important;color:#ffffff !important;border:0 !important;}
#fbuilder .select2-results__option{background:#4e6062 !important;color:#ffffff !important;}
#fbuilder .select2-dropdown .select2-results__option--highlighted{background:#ffffff !important; color:#465254 !important;}

The previous CSS rules are only an example of your possibilities. You can use the CSS rules you prefer.

Best regards.

Thank you for your support. We had a problem in a part while we were about to complete the form..

We are now in the same calculation result section;
We calculated the results by considering the criteria A and B.

But when we write the result, we want the following.
If criterion A is selected, write the results of criterion A. If B criterion is selected, write the results of B criterion.

We tried to do this at the bottom, but it didn’t work, where do we go wrong?

// Hide B results
    jQuery('.kiratoplam-aciklama, .kiratoplam-sonuc, .kiratoplamkdv-aciklama, .kiratoplamkdv-sonuc').hide();
    // Show A results
    jQuery('.alici-aciklama, .alici-sonuc, .alicikdv-aciklama, .alicikdv-sonuc, .satici-aciklama, .satici-sonuc, .saticikdv-aciklama, .saticikdv-sonuc, .toplam-aciklama, .toplam-sonuc, .toplamkdv-aciklama, .toplamkdv-sonuc').show();

    // Hide A results
    jQuery('.alici-aciklama, .alici-sonuc, .alicikdv-aciklama, .alicikdv-sonuc, .satici-aciklama, .satici-sonuc, .saticikdv-aciklama, .saticikdv-sonuc, .toplam-aciklama, .toplam-sonuc, .toplamkdv-aciklama, .toplamkdv-sonuc').hide();
    // Show B results
    jQuery('.kiratoplam-aciklama, .kiratoplam-sonuc, .kiratoplamkdv-aciklama, .kiratoplamkdv-sonuc').show();
  }

Hello @pexel

Assuming that the values A and B are choices of radio buttons fieldname1 field.

In this hypothetical case, you can insert a calculated field to use as an auxiliary and enter the following equation:

(function(){
jQuery('.kiratoplam-aciklama, .kiratoplam-sonuc, .kiratoplamkdv-aciklama, .kiratoplamkdv-sonuc, .alici-aciklama, .alici-sonuc, .alicikdv-aciklama, .alicikdv-sonuc, .satici-aciklama, .satici-sonuc, .saticikdv-aciklama, .saticikdv-sonuc, .toplam-aciklama, .toplam-sonuc, .toplamkdv-aciklama, .toplamkdv-sonuc').hide();

if(fieldname1 == 'A') {

    jQuery('.alici-aciklama, .alici-sonuc, .alicikdv-aciklama, .alicikdv-sonuc, .satici-aciklama, .satici-sonuc, .saticikdv-aciklama, .saticikdv-sonuc, .toplam-aciklama, .toplam-sonuc, .toplamkdv-aciklama, .toplamkdv-sonuc').show();

} else {

jQuery('.kiratoplam-aciklama, .kiratoplam-sonuc, .kiratoplamkdv-aciklama, .kiratoplamkdv-sonuc').show();

}
 
})()

Best regards.

I still haven’t been able to solve the equation here. If the criterion is A, write the html results of A

If the criterion is B, write the html results of B

HTML Output

<figure class="wp-block-table is-style-stripes"><table><tbody><tr><td style="text-align: left;"><b class="alici-aciklama mobile-aciklama">Hesaplama Sonucu :</b></td><td style="text-align: right;"><b><span data-cff-field="fieldname4"class="alici-sonuc mobile-sonuc" style="color:#ff6504;"></span></b><text style="color:#ff6504;"> </text></td>
</tr><tr>
<td style="text-align: left;"><b class="alicikdv-aciklama mobile-aciklama"></b></td><td style="text-align: right;"><b><span data-cff-field="fieldname4"class="alicikdv-sonuc mobile-sonuc" style="color:#ff6504;"></span></b><text style="color:#ff6504;"> </text></td>
</tr><tr>
    <td style="text-align: left;"><b class="satici-aciklama mobile-aciklama"></b></td><td style="text-align: right;"><b><span data-cff-field="fieldname4"class="satici-sonuc mobile-sonuc" style="color:#ff6504;"></span></b><text style="color:#ff6504;"> </text></td>
</tr><tr>
    <td style="text-align: left;"><b class="saticikdv-aciklama mobile-aciklama"></b></td><td style="text-align: right;"><b><span data-cff-field="fieldname4"class="saticikdv-sonuc mobile-sonuc" style="color:#ff6504;"></span></b><text style="color:#ff6504;"> </text></td>
</tr><tr>
    <td style="text-align: left;"><b class="toplam-aciklama mobile-aciklama"></b></td><td style="text-align: right;"><b><span data-cff-field="fieldname14"class="toplam-sonuc mobile-sonuc" style="color:#ff6504;"></span></b><text style="color:#ff6504;"> </text></td>
</tr><tr>
    <td style="text-align: left;"><b class="toplamkdv-aciklama mobile-aciklama"></b></td><td style="text-align: right;"><b><span data-cff-field="fieldname4"class="toplamkdv-sonuc mobile-sonuc" style="color:#ff6504;"></span></b><text style="color:#ff6504;"> </text></td>
</tr><tr>
    <td style="text-align: left;"><b class="kiratoplam-aciklama mobile-aciklama"></b></td><td style="text-align: right;"><b><span data-cff-field="fieldname4"class="kiratoplam-sonuc mobile-sonuc" style="color:#ff6504;"></span></b><text style="color:#ff6504;"> </text></td>
</tr><tr>
    <td style="text-align: left;"><b class="kiratoplamkdv-aciklama mobile-aciklama"></b></td><td style="text-align: right;"><b><span data-cff-field="fieldname4"class="kiratoplamkdv-sonuc mobile-sonuc" style="color:#ff6504;"></span></b><text style="color:#ff6504;"> </text></td>
</tr><tr>
    </td></tr></tbody></table></figure>

This is how the calculation function is.

(function(){
  var alici, alicikdv, satici, saticikdv, toplam, toplamkdv, kiratoplam, kiratoplamkdv;
  
    if (fieldname14 == 'A') {
    alici = PREC(fieldname1 * 0.02, 2, true);
    jQuery('#calculation-alici').html(alici + ' TL');
    jQuery('.alici-aciklama').html('Al?c?n?n ?deyece?i Tutar :');
    jQuery('.alici-sonuc').html(alici + ' TL');
  }
    if (fieldname14 == 'A') {
    alicikdv = PREC(fieldname1 * 0.02 * 0.18, 2, true);
    jQuery('#calculation-alicikdv').html(alicikdv + ' TL');
    jQuery('.alicikdv-aciklama').html('Al?c?n?n ?deyece?i Tutar (KDV) :');
    jQuery('.alicikdv-sonuc').html(alicikdv + ' TL');
  }
  if (fieldname14 == 'A') {
    satici = PREC(fieldname1 * 0.02, 2, true);
    jQuery('#calculation-satici').html(satici + ' TL');  
    jQuery('.satici-aciklama').html('Sat?c?n?n ?deyece?i Tutar: :');
    jQuery('.satici-sonuc').html(satici + ' TL');
  }
    if (fieldname14 == 'A') {
    saticikdv = PREC(fieldname1 * 0.02 * 0.18, 2, true);
    jQuery('#calculation-saticikdv').html(alicikdv + ' TL');
    jQuery('.saticikdv-aciklama').html('Sat?c?n?n ?deyece?i Tutar (KDV) :');
    jQuery('.saticikdv-sonuc').html(saticikdv + ' TL');
  }
    if (fieldname14 == 'A') {
    toplam = PREC(fieldname1 * 0.04, 2, true);
    jQuery('#calculation-toplam').html(toplam + ' TL');
    jQuery('.toplam-aciklama').html('Toplam Tutar :');
    jQuery('.toplam-sonuc').html(toplam + ' TL');
  }
      if (fieldname14 == 'A') {
    toplamkdv = PREC(fieldname1 * 0.04 + (fieldname1 * 0.04 * 0.18), 2, true);
    jQuery('#calculation-toplamkdv').html(toplam + ' TL');
    jQuery('.toplamkdv-aciklama').html('Toplam KDV Tutar :');
    jQuery('.toplamkdv-sonuc').html(toplamkdv + ' TL');
  }
  
      if (fieldname14 == 'B') {
    kiratoplam = PREC(fieldname2, 2, true);
    jQuery('#calculation-kiratoplam').html(kiratoplam + ' TL');
    jQuery('.kiratoplam-aciklama').html('Toplam Tutar :');
    jQuery('.kiratoplam-sonuc').html(kiratoplam + ' TL');
  }
      if (fieldname14 == 'B') {
    kiratoplamkdv = PREC(fieldname2 + (fieldname2 * 0.18), 2, true);
    jQuery('#calculation-kiratoplamkdv').html(kiratoplamkdv + ' TL');
    jQuery('.kiratoplamkdv-aciklama').html('Toplam KDV Tutar :');
    jQuery('.kiratoplamkdv-sonuc').html(kiratoplamkdv + ' TL');
  }
  return [alici, alicikdv, satici, saticikdv, toplam, toplamkdv, kiratoplam, kiratoplamkdv];
})();

• This reply was modified 1 year, 6 months ago by pexel.
• This reply was modified 1 year, 6 months ago by pexel.

Hello @pexel

The equation’s structure can be improved, but it is correct.

Please, indicate the URL to the page that contains the form to check your equation in action.

Best regards.