AnsweredAssumed Answered

how to create a custom gradient background color in nintex forms.

Question asked by gdolit on Aug 31, 2018
Latest reply on Oct 28, 2018 by euang

Hello,

Does nintex only allow solid colors for the background?  I ask because I am trying to create a custom gradient background on a nintex form and I am having trouble. when I use the predefined classes in nintex, the gradient will work but only within the form controls and labels. when I use the container classes( .nf-container-inner.nf-filler-wrapper, etc.) nothing happens. I want the gradient to cover the background of the form. What css class does nintex forms use for background  ?

 

The css I use is below. the properties stay the same but the class name changes. 

 

/*Begin custom background gradient*/
.nf-filler-wrapper-outer{
background: rgba(58,76,2,1);
background: -moz-linear-gradient(top, rgba(58,76,2,1) 0%, rgba(58,76,0,1) 16%, rgba(58,76,0,1) 24%, rgba(204,207,200,1) 80%, rgba(204,207,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(58,76,2,1)), color-stop(16%, rgba(58,76,0,1)), color-stop(24%, rgba(58,76,0,1)), color-stop(80%, rgba(204,207,200,1)), color-stop(100%, rgba(204,207,200,1)));
background: -webkit-linear-gradient(top, rgba(58,76,2,1) 0%, rgba(58,76,0,1) 16%, rgba(58,76,0,1) 24%, rgba(204,207,200,1) 80%, rgba(204,207,200,1) 100%);
background: -o-linear-gradient(top, rgba(58,76,2,1) 0%, rgba(58,76,0,1) 16%, rgba(58,76,0,1) 24%, rgba(204,207,200,1) 80%, rgba(204,207,200,1) 100%);
background: -ms-linear-gradient(top, rgba(58,76,2,1) 0%, rgba(58,76,0,1) 16%, rgba(58,76,0,1) 24%, rgba(204,207,200,1) 80%, rgba(204,207,200,1) 100%);
background: linear-gradient(to bottom, rgba(58,76,2,1) 0%, rgba(58,76,0,1) 16%, rgba(58,76,0,1) 24%, rgba(204,207,200,1) 80%, rgba(204,207,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4c02', endColorstr='#cccfc8', GradientType=0 );

}
/ *End custom background gradient*/

 

Thanks

Outcomes