Title: Table Design
Last modified: September 3, 2020

---

# Table Design

 *  Resolved [arnab28](https://wordpress.org/support/users/arnab28/)
 * (@arnab28)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/)
 * Hello sir,
 * How to create a table format using the CFF plugin? is there any option is there
   or another process. please let me know.

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

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/#post-13356272)
 * Hello [@arnab28](https://wordpress.org/support/users/arnab28/)
 * The plugin includes multiple mechanisms to distribute the fields in columns, 
   using container fields (DIV or Fieldset), and selecting the number of columns
   through its settings, or using the predefined class names.
 * Please, watch the videos visiting the following links:
 * * [Using container fields](https://wordpress.dwbooster.com/customdownloads/videos/video_columns_container.mp4)
 * * [Using the class names](https://wordpress.dwbooster.com/customdownloads/videos/video_columns_class.mp4)
 * And read the following post in the plugin’s blog:
 * [https://cff.dwbooster.com/blog/2019/01/06/columns](https://cff.dwbooster.com/blog/2019/01/06/columns)
 * Best regards.
 *  Thread Starter [arnab28](https://wordpress.org/support/users/arnab28/)
 * (@arnab28)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/#post-13361268)
 * Hello Sir,
 * if I click on the radio button then the text box will be enabled, how can I do
   that in the CFF plugin.
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/#post-13361280)
 * Hello [@arnab28](https://wordpress.org/support/users/arnab28/)
 * I guess you are referring to the dependencies. Please, read the following post
   in the plugin’s blog:
 * [https://cff.dwbooster.com/blog/2020/03/01/dependencies/](https://cff.dwbooster.com/blog/2020/03/01/dependencies/)
 * Best regards.
 *  Thread Starter [arnab28](https://wordpress.org/support/users/arnab28/)
 * (@arnab28)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/#post-13361531)
 * Hello Sir,
    dependencies are okay but I need enable/disable the textbox section
   like if I click on the radio button then the text box will be enabled. please
   check the below link. [https://ibb.co/Qpk1dSm](https://ibb.co/Qpk1dSm). like 
   that section I want. how can I make it?
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/#post-13361814)
 * Hello [@arnab28](https://wordpress.org/support/users/arnab28/)
 * For example, assuming you have the “Single Line Text” (fieldname1), and radio
   button field (fieldname2), and you want the “Single Line Text” to be read-only
   by default, and make it editable only if the checkbox is ticked.
 * First, select the “Single Line Text” field (fieldname1) and tick the “Read only”
   checkbox in its settings.
 * Second, insert an “HTML Content” field in the form with the following piece of
   code as its content:
 *     ```
       <script>
       jQuery(document).on('change', '[id*="fieldname2_"]', function(){
       var readonly = !this.checked;
       jQuery('[id*="fieldname1_"]').prop('readonly', readonly);
       });
       </script>
       ```
   
 * I’m sorry, but if you need additional customizations, I cannot help you through
   the WordPress forum. You must contact me through my private website:
    [Custom Coding Service](https://cff.dwbooster.com/customization)
 * Best regards.
 *  Thread Starter [arnab28](https://wordpress.org/support/users/arnab28/)
 * (@arnab28)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/#post-13362332)
 * Hello Sir.
 * How to put a radio button right side to the text field. check the below link 
   like that.
    [https://ibb.co/Qpk1dSm](https://ibb.co/Qpk1dSm). please help with
   some ideas about the field design.
 * Thanks for your help. I appreciate your work.
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/#post-13362392)
 * Hello [@arnab28](https://wordpress.org/support/users/arnab28/)
 * I’ve responded to this question in a previous entry. Please, read the entry corresponding
   to the use of columns.
 * Best regards.
 *  Thread Starter [arnab28](https://wordpress.org/support/users/arnab28/)
 * (@arnab28)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/#post-13371455)
 * Hello Sir,
 * Thanks for your last javascript code, it really helps me a lot.
    I need one more
   help like the read-only time the text box color looks grey background when its
   click on yes then the text box looks white background. Please see the below link,
   I want to look like this. [https://ibb.co/KzXy4W8](https://ibb.co/KzXy4W8)
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/#post-13371531)
 * Hello [@arnab28](https://wordpress.org/support/users/arnab28/)
 * If you need that I customize the styles on your form, do not hesitate in contact
   me through my private website: [Custom Coding Service](https://cff.dwbooster.com/customization)
 * Best regards.
 *  Thread Starter [arnab28](https://wordpress.org/support/users/arnab28/)
 * (@arnab28)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/#post-13377665)
 * Hello Sir,
 * In the CFF plugin, I am using a bootstrap table in HTML content. but this table
   section is not responsive when I am using the CFF plugin. Is there anything I
   can add for table responsive code?
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/table-design-3/#post-13377825)
 * Hello [@arnab28](https://wordpress.org/support/users/arnab28/)
 * Please, read the previous entry in this thread that describe the way to distribute
   the fields in columns with some video tutorials. Furthermore, please, read the
   following post in the plugin’s blog:
 * [https://cff.dwbooster.com/blog/2019/01/06/columns](https://cff.dwbooster.com/blog/2019/01/06/columns)
 * Best regards.
 *  Thread Starter [arnab28](https://wordpress.org/support/users/arnab28/)
 * (@arnab28)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/table-design-3/#post-13431350)
 * Hello Sir,
 * Can you help me with how to create a table with the input field, I know you refer
   me custom coding service. but I need a small help with the CFF form design part.
   Please see the below screenshot link [https://ibb.co/2y9Sszz](https://ibb.co/2y9Sszz).
   I am looking for this design in the CFF form. this screenshot color filed is 
   an input field. please suggest me how can I build this design.
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/table-design-3/#post-13431779)
 * Hello [@arnab28](https://wordpress.org/support/users/arnab28/)
 * I’ve described multiple times in this thread how the plugin allows distributing
   the fields in rows and columns. Even, I sent you two video tutorials. Please,
   read the post in the plugin’s blog: [Formatting the form (distributing the fields in columns)](https://cff.dwbooster.com/blog/2019/01/06/columns)
 * Best regards.

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

The topic ‘Table Design’ 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/)

 * 13 replies
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [5 years, 8 months ago](https://wordpress.org/support/topic/table-design-3/#post-13431779)
 * Status: resolved