CSS question - disabled textbox having the same opacity as enabled


Badge +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

Userlevel 5
Badge +14

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;
}‍‍‍‍‍‍‍
Badge +6

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

Userlevel 5
Badge +14

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. 

Userlevel 5
Badge +14

Did you ever get this to work? 

Badge +6

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

Userlevel 5
Badge +13

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

Reply