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

Frozen Columns + Keyboard Navigation

4 Answers 50 Views
Grid
This is a migrated thread and some comments may be shown as answers.
K
Top achievements
Rank 1
K asked on 02 Feb 2017, 10:20 PM

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.

4 Answers, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 03 Feb 2017, 04:45 PM
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.
0
K
Top achievements
Rank 1
answered on 03 Feb 2017, 04:48 PM

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

 

0
K
Top achievements
Rank 1
answered on 06 Feb 2017, 03:38 PM
Any updates on this?
0
Pavlina
Telerik team
answered on 08 Feb 2017, 11:18 AM
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.
Tags
Grid
Asked by
K
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
K
Top achievements
Rank 1
Share this question
or