How to make the form look like the following form example

Hello,

I will assume I am not knowing how to use the fields for JotForm, but will say this is not intuitive at all!

I simply want a field to look like this:

Not this:

How can a simple form element like this be done PLEASE?

According to the screenshot of your desired form, you want to use checkboxes, instead of radio buttons. Simply replace that field for a Multiple Choice field, where you can enable the "Other" option:

Also, if you want to make the fields look like lines, we can accomplish it through CSS injection, example:

1) Inject this code in your form's general CSS area: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

#label_11,#label_10{

    width: auto !IMPORTANT;

}

#input_11,#input_10,#input_26 {

border-top: none;

border-left: none;

border-right: none;

box-shadow: none !important;

} 

2) Inject the following code in your widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

#input0,#input1{

border-top: none;

border-left: none;

border-right: none;

box-shadow: none !important;

}

Example:

So, this would be the result: https://form.jotform.com/82955797169984 

You can clone my form version and use it if you want to: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

Thank you!

Hi David,

I just cloned your form. A question though, the original form has donation submissions already. How can I keep that info while cloning a new form? Not sure I should go ahead with that option?...

I deleted many fields in the original form while working to revise it; does that mean I have deleted the info past donors input in to those fields when they fileld out the form?

How can I keep that info while cloning a new form?

You can export the data from the original form and import it to your new clone form. Please refer to our guides below on how to proceed.

https://www.jotform.com/help/44-How-to-Export-Form-Data-to-Excel

https://www.jotform.com/help/308-Import-App-Easily-Import-Your-Excel-or-CSV-Data-into-JotForm

I hope this helps. Let us know if you have any questions or if you need further assistance.  

Thank you. I'd like to use your form as it's perfect but don't have excel so will do it myself. 

For this section:

I added the code in widget for lines, why does it only show for two lines? 

ALso how to indent the lines such as here:

You may include all options to one 'Multiple Text Fields' widget. Then use the next CSS to apply the same style to all the widget's inputs. It will also add a left padding of 75 pixels.

input[type=text] {
border-top: none;
border-left: none;
border-right: none;
box-shadow: none !important;
}
#inputsContainer {
padding-left: 75px;
}

Thank you.