Is it possible to shade areas of the form?

 I have several very similar sections to my form and need to differentiate them by shading

Hi kjplant,

Yes it is possible to customize the colors on your form. The font color, font size, font type, the input boxes, text area or the elements itself.  All this options are available on the Form Style toolbar at the top of the form editor itself.

You can try our new tool called "Form Designer". It lets you customize the form easily.

You can also apply Custom CSS on the form. (http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes)

Please be more specific on what area of the form you want to apply some changes.

 

Hope this answers your question. Thank you!

I’m sorry but I don’t see any of those options. Where is the ‘Form style toolbar’? Where is ‘Form designer’?
[cid:image001.png@01CFEC48.56DE3F80]
Kevin Plant | Select Services
...

Sorry, have found the options you mention below now but I still cannot shade areas of the form to indicate that certain entry field are related. Nor am I able to move entry fields to where I’d like them, the form seems to make it’s own decisions about that!
Kevin Plant | Select Services
...

The ‘Form designer’ is very much a Beta isn’t it? I highlight one field, change its properties and it amends another field on the form???
Kevin Plant | Select Services
...

Hi Kevin,

I can see that you want to shade or changed background color of specific fields. In order to that you need to apply custom css on a certain element id.

First, you need to get the Field ID. Here's our guide on How to Find Field IDs and Names. Here's a screenshot as well to better understand how to get it. You should be on the Form Editor to do this.

#input_8 is the element for the text-box. If you want to changed the whole field it should be #id_8.

 

Second, you need to inject or add this custom css on the form. Here's a guide on How to Inject Custom CSS.

#id_8 {background-color: yellow;}

It should look like these after applying the css code.

This guide might also helps - Customize your Form using Custom CSS Codes.

 

In order to move fields, you can just drag it and put there where you want it. You can also "Shrink" fields to align them on another field. Here's our guide on Positioning the Form Field.

You can also move the field up or down. Click the settings on a selected field and you will see those options.

 

Hope you find this answer useful. Let us know if you have any questions. Thank you.