Table Design

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

* Using the class names

And read the following post in the plugin’s blog:

https://cff.dwbooster.com/blog/2019/01/06/columns

Best regards.

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.

Hello @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/

Best regards.

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. like that section I want. how can I make it?

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

Best regards.

Hello Sir.

How to put a radio button right side to the text field. check the below link like that.
https://ibb.co/Qpk1dSm. please help with some ideas about the field design.

Thanks for your help. I appreciate your work.

Hello @arnab28

I’ve responded to this question in a previous entry. Please, read the entry corresponding to the use of columns.

Best regards.

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

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

Best regards.

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?

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

Best regards.

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. 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.

Hello @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)

Best regards.