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

Display Issue - Frozen Columns + Toolbar

2 Answers 48 Views
Grid
This is a migrated thread and some comments may be shown as answers.
AGB
Top achievements
Rank 1
AGB asked on 10 Mar 2017, 12:09 PM
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

2 Answers, 1 is accepted

Sort by
0
Viktor Tachev
Telerik team
answered on 14 Mar 2017, 10:21 AM
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.



Regards,
Viktor Tachev
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
AGB
Top achievements
Rank 1
answered on 16 Mar 2017, 11:24 AM

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

Tags
Grid
Asked by
AGB
Top achievements
Rank 1
Answers by
Viktor Tachev
Telerik team
AGB
Top achievements
Rank 1
Share this question
or