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

2 posts, 0 answers
  1. Stephen
    Stephen avatar
    8 posts
    Member since:
    Jul 2013

    Posted 18 Dec 2017 Link to this post

    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? 

  2. Preslav
    Preslav avatar
    583 posts

    Posted 20 Dec 2017 Link to this post

    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.

    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.
Back to Top