can tabbing through cells auto-scroll the grid horizontally

5 posts, 1 answers
  1. Robert
    Robert avatar
    57 posts
    Member since:
    Sep 2011

    Posted 17 Apr 2014 Link to this post

    Working with version 2014.1.224.45. mvvm pattern.

    I have a grid inside a tileview.  The grid has its own vert/horiz scrollbars.  with respect to the horizontal scrollbar, there are more columns than what the screen can show so the horiz scroll kicks in.

    Now as the user enters data and tabs through the cells, eventually they land in a cell that is off the visible part of the grid (e.g. the right hand side of the columns).  is there anyway to force the grid's scroll bar to scroll to the right so that the cell being edited (tabbed into) will be visible?

    we tried a couple of things (my developer did) and no luck.  Perhaps we missed the mark on this one?

    Any ideas?
  2. Yoan
    Yoan avatar
    1215 posts

    Posted 18 Apr 2014 Link to this post

    Hello Robert,

    I've tried to reproduce the problem you report, but to no avail. You can check this video which illustrates my attempt. Please check the attached sample project and let me know how it works at your side.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. Robert
    Robert avatar
    57 posts
    Member since:
    Sep 2011

    Posted 07 May 2014 Link to this post

    i almost have it working. i think i found the discrepancy.  Was actually going to post this question separately but it is actually related.

    so the sample you sent was good with respect to tile view, radgrid nesting. thanks.

    in my radgridview i use telerik:GridViewDataColumn  with <telerik:GridViewDataColumn.CellTemplate>, with <DataTemplate.

    now, when i click into the CELL and start tabbing i get the following effect: it goes from tabbing to the CELL and the control in the cell, then the next CELL, and then the next cell's control and so on.  doing this will auto-scroll the grid too.

    however, if i click into the control itself and start tabbing, i go from the control in the cell to the next control in the next cell but the grid does not scroll.

    so, i am looking for the grid to auto-scroll as i tab, but i want my tabs to only hit the controls inside each cell and not the cell itself.
  4. Answer
    Dimitrina avatar
    3769 posts

    Posted 08 May 2014 Link to this post


    I defined a DataTemplate as a CellTemplate for the columns, similar to:
       <TextBlock Text="{Binding Name}"/>

    Then, I click on a cell and start editing it. After that I start tabbing and the scroll bar moves accordingly.

    May I ask you to update the demo solution so that I can reproduce the issue?

    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
  5. Robert
    Robert avatar
    57 posts
    Member since:
    Sep 2011

    Posted 21 May 2014 Link to this post

    we followed the example by switching from CellTemplate to CellEditTemplate and we now see the tab/scroll functionality we are looking for.

Back to Top