This is a migrated thread and some comments may be shown as answers.

Dirty Cell indicators seem to be misaligned if there are multi-line cells

1 Answer 77 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Stephen
Top achievements
Rank 1
Stephen asked on 18 Dec 2017, 10:43 PM

Reading through documentation (https://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Editing/preserve-the-dirty-indicator-in-incell-editing-and-client-operations) it looks like the Kendo UI R3 2017 update made the dirty indicator built in functionality for editable grids. I have a grid in my product that didn't expect the dirty flag to appear. It looks like the only solution is to add CSS to prevent the flags from appearing (https://docs.telerik.com/kendo-ui/knowledge-base/disable-dirty-indicator-using-css). Is that correct? Is there any other way to deactivate the dirty flags?

As for the potential issue that I noticed, when the flag appears in my product, it appears right on the top left of the content that was edited. This works well if all the cells are one line long, but if other some cells in a row span multiple lines, the dirty flag appears to just be floating in the middle of the cells that are only one line long. Using this example (https://dojo.telerik.com/osuRi) You can change a product name to span many lines, then change teh corresponding unit price and you will see the dirty flag on the unit price appears to be floating rather than at the top of the cell. It feels a little odd that the indicators may be out of place. Is this expected behavior? 

1 Answer, 1 is accepted

Sort by
0
Preslav
Telerik team
answered on 20 Dec 2017, 01:15 PM
Hello Stephen,

You are correct, for the time being, the only possible solution is with CSS.

Further, about the floating indicator, I reported this behavior to our front-end devs and we logged it as a bug. Having said that, as a small token of gratitude for reporting it, I updated your Telerik Points.


Regards,
Preslav
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Stephen
Top achievements
Rank 1
Answers by
Preslav
Telerik team
Share this question
or