Search results

Editing in Angular Grid component

03 Oct 2022 / 1 minute to read

Customizing the edited and added row element

Use the below CSS to customize the Grid edited and added row table elements

Copied to clipboard
.e-grid .e-editedrow table,
.e-grid .e-addedrow table {
    background-color: #deecf9;
}

Customizing the edited row input element

Grid edited row input elements can be customized using the below CSS.

Copied to clipboard
.e-grid .e-gridform .e-rowcell .e-input-group .e-input.e-field {
    font-family: cursive;
}

Customizing the edit dialog header element

Use the below CSS to customize the Grid edit dialog header element

Copied to clipboard
.e-edit-dialog .e-dlg-header-content {
    background-color: #deecf9;
}

Customizing the edited row input element in dialog edit mode

Below CSS customizes the Grid edited row input element in Dialog edit mode

Copied to clipboard
.e-gridform .e-rowcell .e-float-input .e-field {
    font-family: cursive;
}