toolbar template isn't synchronized horizontally with the grid content

2 posts, 0 answers
  1. Shinji
    Shinji avatar
    4 posts
    Member since:
    Jun 2016

    Posted 30 Oct 2016 Link to this post

    I want to synchronize the toolbar template with the grid content when I move the horizontal scroll bar.

    Sample code is here.

    When you display the horizontal scroll bar to resize the window, you will find to hide "rightButton".

    If you scroll right, only the grid content is scrolled horizontally.

    How do I synchronize the toolbar with the grid content?

  2. Dimiter Topalov
    Dimiter Topalov avatar
    1067 posts

    Posted 01 Nov 2016 Link to this post

    Hi Shinji,

    The desired behavior is not supported, but can be achieved via some custom DOM manipulation, for example in the dataBound event handler.

    I have modified the dojo to illustrate a sample implementation, but please mind that it is just for illustrative purposes, and the developer should use it at his/her own discretion, as well as provide further modifications if needed:

    I hope this helps.

    Dimiter Topalov
    Telerik by Progress
    Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
Back to Top