Title: Cell content
Last modified: May 30, 2023

---

# Cell content

 *  Resolved [pexel](https://wordpress.org/support/users/pexel/)
 * (@pexel)
 * [3 years ago](https://wordpress.org/support/topic/cell-content/)
 * Hello, visitor to a cell
   For example: Is it possible to list the defined categories
   when you type a letter?For example: [Sample Link](https://ikas.com/tr/trendyol-komisyon-hesaplama)
 * ![](https://i0.wp.com/i.hizliresim.com/dudfew7.JPG?ssl=1)
 * For example, enter a value.
   Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/cell-content/#post-16778811)
 * Hello [@pexel](https://wordpress.org/support/users/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:
 * ![](https://i0.wp.com/resources.developers4web.com/cff/tmp/2023/05/30/select2.
   png?resize=307%2C337&ssl=1)
 * Best regards.
 *  Thread Starter [pexel](https://wordpress.org/support/users/pexel/)
 * (@pexel)
 * [3 years ago](https://wordpress.org/support/topic/cell-content/#post-16778884)
 * 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.
 * ![](https://i0.wp.com/i.hizliresim.com/nk3i78k.PNG?ssl=1)
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/cell-content/#post-16778990)
 * Hello [@pexel](https://wordpress.org/support/users/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](https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png)):
 *     ```wp-block-code
       #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.
 *  Thread Starter [pexel](https://wordpress.org/support/users/pexel/)
 * (@pexel)
 * [3 years ago](https://wordpress.org/support/topic/cell-content/#post-16779374)
 * 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?
 *     ```wp-block-code
       // 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();
       ```
   
 *     ```wp-block-code
           // 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();
         }
       ```
   
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/cell-content/#post-16779894)
 * Hello [@pexel](https://wordpress.org/support/users/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:
 *     ```wp-block-code
       (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.
 *  Thread Starter [pexel](https://wordpress.org/support/users/pexel/)
 * (@pexel)
 * [3 years ago](https://wordpress.org/support/topic/cell-content/#post-16780070)
 * 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**
 *     ```wp-block-code
       <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.**
 *     ```wp-block-code
       (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 3 years ago by [pexel](https://wordpress.org/support/users/pexel/).
    -  This reply was modified 3 years ago by [pexel](https://wordpress.org/support/users/pexel/).
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/cell-content/#post-16780122)
 * Hello [@pexel](https://wordpress.org/support/users/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.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Cell content’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [3 years ago](https://wordpress.org/support/topic/cell-content/#post-16780122)
 * Status: resolved