Display Issue - Frozen Columns + Toolbar

[AGB]

Hi Guys,

I have just tripped over a display issue when using frozen columns along with a toolbar.

To illustrate the problem please see the following dojo

http://dojo.telerik.com/okUSa

If you run this example and hit the 'refresh' button the toolbar gets moved down by 1px causing the display of a 2px border at the top and the removal of the bottom border.

With the 'locked' attribute commented out the toolbar remains static.

Investigations show the problem looks to be caused be the injection of the 'k-load-mask' div.

Without frozen columns this div gets inserted after the 'k-grid-content' div, but with frozen columns the div gets inserted before the 'k-grid-toolbar' div causing the unsightly display issue.

Regards
Alan

[Viktor Tachev]

Hi Alan,

Thank you for reporting the issue to us. I have logged it and the developers will include a fix as soon as possible.

As a token of gratitude for bringing the problematic behavior to our attention you will find your points updated.

Until a permanent fix is provided you can use the styles below as workaround:

div.k-grid-toolbar {
    border-top-width: 0;
    border-bottom-width: 1px;
}

I also modified the sample for your convenience. Check it out below and let me know how it works for you.

• http://dojo.telerik.com/okUSa/4

Regards,
Viktor Tachev
Telerik by Progress

[AGB]

Hi Viktor,

Thank you for investigating the issue further and reporting it to the developers for a permanent fix.

In the mean time, I can confirm your workaround does the trick.

Reagrds
Alan