Question

Styling of an editable data grid cell

2

I have a data grid where one column is editable. For a user of the application it is not clear that this cell can be clicked and edited. Is there a way to show the user that the cell can be clicked? Maybe even show the cell like it is when it is clicked (with the field instead of a read only cell). I could not find any style element to change it with CSS. Any ideas are welcome... Thanks Wouter

asked 2012-09-24

Wouter van Dee

1 answers

Daniel Schilperoord · Accepted Answer · 2012-09-25

On every editable Data Grid cell, a special class is added. The class name looks like mendixDataGrid_tableData[type]Editable in which type can be one of String, Boolean, Currency, Date, Enum, Float, Integer and Long. So for a string attribute, the class name would be mendixDataGrid_tableDataStringEditable. With these classes it should be possible to style any editable Data Grid cell.

You could use this CSS selector to style all editable cells without having to list all type classes (works only in browsers that support CSS3).

[class*="mendixDataGrid_tableData"][class*="Editable"] {
    border: 1px solid red;
}