Hi,
I am trying to make a form with the following horizontal order in columns:
Col 1: Infotext Col 2: Radiobutton Col 3: Radiobutton Col 4: Text input (Multiple lines)
I am using Themify Ultra and bootstrap 3 from toolset. (I think...)
Okay it looks like you need these custom fields:
- Question 1 radio ( yes/no )
- Question 1 comment (multiple lines)
- Question 2 radio ( yes/no )
- Question 2 comment (multiple lines)
- Question 3 radio ( yes/no )
- Question 3 comment (multiple lines)
...and so on for each question...
Then in the Form builder you can use the drag and drop editor to create each row, or you can use the Expert mode and create a custom design using your own HTML markup.
Hi Christian,
I need to use expert mode and HTML markup.
Should I use a table in this matter, or div? Could you help me out with some example markup?
I would probably use a table. You won't be able to separate Yes/No into two separate columns, since there is only one shortcode for rendering both radio buttons together. Here is an example table:
<table>
<thead>
<tr>
<th>Question</th>
<th>Yes/No</th>
<th>Comments</th>
</tr>
</thead>
<tbody>
<tr>
<td>Question 1</td>
<td>Cred field radio buttons</td>
<td>Cred field multiple lines</td>
</tr>
<tr>
<td>Question 2</td>
<td>Cred field radio buttons</td>
<td>Cred field multiple lines</td>
</tr>
<tr>
<td>Question 3</td>
<td>Cred field radio buttons</td>
<td>Cred field multiple lines</td>
</tr>
</tbody>
</table>