Solved

Custom CSS for background color of a row in edit mode

  • 7 June 2023
  • 2 replies
  • 84 views
J
Rank
Badge +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

 

icon

Best answer by Mark Jongeling 7 June 2023, 10:27

View original
This topic has been closed for comments

2 replies

Mark Jongeling
Rank
Userlevel 7
Badge +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.

"Wake me up before you low-code"
J
Rank
Badge +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

 

Terms & ConditionsCookie settings