Skip to main content
Solved

Custom CSS for background color of a row in edit mode


Forum|alt.badge.img+3

Hi, is it possible to set background the color a record during edit mode/or none edit mode. We want to have more visual cue in the fields. Can it be done with custom CSS?

Idea is in non edit mode read only we want even the read only fields to be able to read them (grey on grey issue) and in EDIT mode to have a light yellowish/orange hue that tells we are in Edit mode.

so, setting the color for each separate case will be useful.

Grid in edit mode
Read only fields are grey back ground and the characters are also grey

 

Best answer by Mark Jongeling

Hi Jefferson,

Maybe this topic can help out: Universal CSS question | Thinkwise Community (thinkwisesoftware.com)

I think you are able to distinguish Edit mode from other modes.

View original
Did this topic help you find an answer to your question?
This topic has been closed for comments

2 replies

Mark Jongeling
Administrator
Forum|alt.badge.img+23

Hi Jefferson,

Maybe this topic can help out: Universal CSS question | Thinkwise Community (thinkwisesoftware.com)

I think you are able to distinguish Edit mode from other modes.


Forum|alt.badge.img+3

Hi I manage to find a way to highlight a <div> with custom css during edit mode.

    /*Add border with color during edit mode*/
    .MuiPaper-root:has(.input.edit-mode)
    {
        border-style: solid;
        border-width: 2px;
        border-color: rgb(237, 125, 49);
    }

Edit Mode
Non Edit Mode

 


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings