Skip to main content
Nintex Community Menu Bar

CSS question - disabled textbox having the same opacity as enabled

  • May 22, 2018
  • 6 replies
  • 17 views

Forum|alt.badge.img+6

Not really good at CSS, but can you guys give me a snippet for my question? and how to do it on Nintex Form?

6 replies

MegaJerk
Forum|alt.badge.img+14
  • Scholar
  • May 23, 2018

I have updated my own disabled styling css rule to include the opacity property. I believe that this will accomplish what you're looking to do. 

*[disabled="disabled"] {
  pointer-events: none;
  color: #969696 !important;
  font-style: italic;
  opacity: .85;
}‍‍‍‍‍‍‍

Forum|alt.badge.img+6

Should I just paste this on custom css? I am using nintex form office 365.


MegaJerk
Forum|alt.badge.img+14
  • Scholar
  • May 23, 2018

I have never used Nintex Forms for Office 365. 

Are there other css rules inside of that panel? If so, then yes, just paste the above rule into that panel.  

If it doesn't accept css rules outright, then I imagine that it would accept a url pointing to a valid css file. 


MegaJerk
Forum|alt.badge.img+14
  • Scholar
  • May 24, 2018

Did you ever get this to work? 


Forum|alt.badge.img+6

Although the css works, the opacity does not change sadly.


EuanGamble
Nintex Employee
Forum|alt.badge.img+13
  • Nintex Employee
  • October 29, 2018

Hi all,

 

Our UX team are doing some research into our style builder for Universal Forms. We would appreciate your feedback on your current experience in styling your forms in any platform.

 

If you would like to provide feedback, please fill out the survey at Applying styles in Nintex Forms 

 

Thanks,

Euan