Display Issue - Frozen Columns + Toolbar

3 posts, 0 answers
  1. AGB
    AGB avatar
    71 posts
    Member since:
    Sep 2014

    Posted 10 Mar 2017 Link to this post

    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. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2469 posts

    Posted 14 Mar 2017 Link to this post

    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.
  3. AGB
    AGB avatar
    71 posts
    Member since:
    Sep 2014

    Posted 16 Mar 2017 in reply to Viktor Tachev Link to this post

    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

Back to Top