cancel
Showing results for 
Search instead for 
Did you mean: 
Workflow Hero

How do I customized the Form Fields using CSS

Jump to solution

Hi All, 

I have a request for a form that I will build in Nintex. The business has given me a wire frame design and I am attempting to create the form based on their design . Does anyone know how to apply CSS to make it look like that image attached?

Is this even possible?

Any Help would be greatly appreciated!

 Paul G

Labels: (1)
Tags (1)
Reply
1 Reply
Workflow Hero

Re: How do I customized the Form Fields using CSS

Jump to solution

Hi Paul,

If you are creating classic forms, you can write your own CSS as shown below:

/* Label controls */

.nf-form-label{
background-color: #1E90FF;
}

/*Input Controls*/
.nf-form-input{
border-style: solid;
border-color: #1E90FF;
border-width: 1px;
}

Using the above sample, you create your own css and add them at the end of "Custom CSS" section of "Form Settings" or create a .css file, add it to site assets and refer in "Advanced --> Custom CSS includes" section of "Form Settings".

A sample screen of the form how it looks after your applying custom css.

Reference to all css classes used by Nintex Forms.

Thanks,

Krishna.

Reply