Unplanned
Last Updated: 20 Dec 2019 07:35 by ADMIN
utveckling
Created on: 11 Dec 2019 14:44
Category: Grid
Type: Bug Report
0
When using sass themes dirty field is missplaced

Hi,

When using a sass themes , like default-v2 and programmatically execute a set on datasource the dirty-field seems to not have enough time to mark the cell that is changed.

dojo: https://dojo.telerik.com/@utveckling@promosoft.nu/OjebanAX

Original State:

State after cell change:

3 comments
ADMIN
Aleksandar
Posted on: 20 Dec 2019 07:35

Hello,

The styling rules to the k-dirty class are different for the different sass themes. The proposed workaround is intended for the Default sass theme. The screenshot provided shows that the Material sass theme is being used thus the Default sass theme workaround would not display dirty indicators correctly. 

You could try updating the rule with the following for the Material sass theme:

.k-grid .k-dirty {
    left: auto;
    right: auto;
    top: auto;
    margin: -10px -25px;
    border-width: 5px;
    border-color: currentColor transparent transparent currentColor;
}

Let me know if you have further questions.

Regards,
Aleksandar
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
utveckling
Posted on: 13 Dec 2019 08:01

Just a note with the workaround, when row is refreshed dirty-fields are smaller than the original size:

ADMIN
Aleksandar
Posted on: 12 Dec 2019 10:38

Hello,

Thank you for reporting this behavior. I have investigated the issue and it appears that this is a bug with the SASS themes. I have converted this item to a Bug in the Public Feedback Portal and also logged it on GitHub, where you could track the progress on the item:

As a temporary workaround for the issue, when using the Default SASS Theme you could use the following CSS rule:

.k-grid .k-dirty {
    left: auto;
    right: auto;
    top: auto;
    box-sizing: bo;
    margin: -8px -12px;
  }

Finally, as a small token of gratitude for helping us discover this issue, I have updated your Telerik Points accordingly.

Regards,
Aleksandar
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.