407
Views
8
Comments
Setting Non Editable Widget's Color Back to White
Question

Hi all,

I notice everytime i set a widget's "enabled" value to false, the widget always turns grey. Is there any way to turn it back white while the "enabled" value is still false?

Thanks before!

2025-07-22 10-24-12
Lakshmi Kumar Yadav

Hi Steven,

Jst try by adding the background color to the input control by css and set it to white.

"background-color: white; "

You need to set it css style to important as per your requirement.

Hope this helps you,


Regards,

LK

UserImage.jpg
Steven Tanakoman

Hi all,


Thank you all for your really fast responses! I'll try the solutions as soon as possible.


Best Regards,

Steven

2023-11-10 11-46-42
Diogo Barbosa

the important is really important! :)

UserImage.jpg
Jordan Oytas

This works but how about on Radio Button?
the actual circle should white

2018-10-29 08-31-03
João Marques
 
MVP

Hi Steven,


Yes, you can use CSS and the pseudoelement disabled for that. The reason why you want to use the pseudoelement disabled is to apply the style only if it is disabled. Something like this:


.Button[disabled] {

  background: white;

}


I for instance applied CSS to the New Post button which I set to disabled and it works


Cheers,

João

2021-03-18 21-03-15
Benjith Sam
 
MVP

Hi Steven,

You can also override the below class definition to get the same behavior for all the Disabled widget in the screen..

[disabled="disabled"], [readonly="readonly"], textarea[readonly="readonly"] {
    background-color: var(--color-neutral-0);
}


Hope this helps you!


Regards,

Benjith Sam

2025-12-04 09-01-03
Kiet Phan
Champion

Upvote this solution !

Thanks.

2021-06-09 13-39-18
Agno Silveira
 
MVP

Hello Steven,

One way to do this is to simply add a style, example:


Regards :D

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.