Frozen Columns + Keyboard Navigation

5 posts, 0 answers
  1. K
    K avatar
    4 posts
    Member since:
    Sep 2016

    Posted 02 Feb 2017 Link to this post

    Hello,

    I'm using the below code to setup a grid. The columns don't stay frozen when I am using the keyboard to navigate the grid.

     

    <ClientSettings AllowKeyboardNavigation="true" >
                                <Selecting AllowRowSelect="false" EnableDragToSelectRows="false" CellSelectionMode="SingleCell" />
                                <Scrolling UseStaticHeaders="false" AllowScroll="true" ScrollHeight="100%" FrozenColumnsCount="5"
                                    EnableColumnClientFreeze="true" SaveScrollPosition="true" />
                                <KeyboardNavigationSettings AllowSubmitOnEnter="true" EnableKeyboardShortcuts="true" SaveChangesKey="S" />

     

    Any help on this would be much appreciated.

  2. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 03 Feb 2017 Link to this post

    Hi,

    In order to have frozen columns in the grid UseStaticHeaders should be set to true as shown below:
    <Scrolling UseStaticHeaders="true" AllowScroll="true" ScrollHeight="100%" FrozenColumnsCount="5" EnableColumnClientFreeze="true" SaveScrollPosition="true" />

    Regards,
    Pavlina
    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. K
    K avatar
    4 posts
    Member since:
    Sep 2016

    Posted 03 Feb 2017 Link to this post

    Hello,

     

    Thank you for your response. However, with the below configuration I'm still having the same issue.

    <ClientSettings AllowKeyboardNavigation="true" >
                                <Selecting AllowRowSelect="false" EnableDragToSelectRows="false" CellSelectionMode="SingleCell" />
                                <Scrolling UseStaticHeaders="true" AllowScroll="true" ScrollHeight="100%" FrozenColumnsCount="5"
                                    EnableColumnClientFreeze="true" SaveScrollPosition="true" />
                                <KeyboardNavigationSettings AllowSubmitOnEnter="true" EnableKeyboardShortcuts="true" SaveChangesKey="S" />
                                <ClientEvents OnBatchEditOpening="batchEditOpening"></ClientEvents>
                            </ClientSettings>

     

    Any help with this is much appreciated.

     

    Regards,

    Karthik

     

  4. K
    K avatar
    4 posts
    Member since:
    Sep 2016

    Posted 06 Feb 2017 Link to this post

    Any updates on this?
  5. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 08 Feb 2017 Link to this post

    Hello,

    When frozen columns are used, tabbing between the textboxes in an inline edit form is not supported out-of-the-box, because the frozen columns will be scrolled together with the non-frozen. This limitation is also pointed in the Frozen columns article:
    http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/functionality/scrolling/frozen-columns#unsupported-scenarios

    Regards,
    Pavlina
    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.
Back to Top