Skip to main content

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

 

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.

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

 

Terms & ConditionsCookie settings