[Solved] Horizontal Scrolling and Keyboard Navigation

[Miguel Reig]

We have a RadGrid with a lot of columns, when we navigate with the keyboard the cursor disappear and the scrolls not moving.
Is there any way to scrolls follows de selected cell?

Thanks!

[Tsvetoslav]

Hello Meguel,

Thanks for turning our attention to this issue - you are correct. I have passed the report to our development team and they will be getting back with further information.


Regards, Tsvetoslav
the Telerik team

[Tsvetoslav]

Hello Miguel,

I am glad to let you know that problem has been addressed and the fix will be available in the next latest internal build of the controls that should be out by the middle of next week. Thanks once again for the bug report - I have updated your telerik points accordingly.


All the best, Tsvetoslav
the Telerik team

[Xavi]

Hello,

the same issue is happening in my project. Today I've upgraded to version 2012.3.1016.40 but the problem remains.
Does this version include the fix? 



thanks

[Miguel Reig]

I test de developer version and solves it.

the 2012.3.1016.40 don't inculdes the fix yet

[Lina]

Hello, I still have the same problem. Horizontal scroll won't work with keyboard navigation. I use telerik version 2013 Q1 02/19.
Can you please attach the bugfixed here?
Thanks.

[Tsvetoslav]

Hi Lina,

Not reproducable on my end. What browser are you testing it in?
 
Regards,
Tsvetoslav
Telerik

[Lina]

Hello,

I'm testing it in IE 8 and IE 9. I've just tested it in Firefox 17.0 too. But still, it doesn't work.
Or maybe I miss something in the code.
I place my grid inside tabstrip.
This is my code:

@(Html.Telerik().TabStrip()
        .Name("TabStribInquiry")
        .Items(tb =>
        {
            tb.Add()
                .Text("Inquiry")
                .Content(@<text>
                    @(Html.Telerik().Grid(Model)
                        .Name("InqGrid")
                        .Localizable("id-ID")
                        .ToolBar(commands =>
                        {
                            commands.Insert();
                            commands.SubmitChanges();
                            commands.Custom()
                                .HtmlAttributes(new { id = "exportInq" })
                                .Text("Export to CSV")
                                .Action("ExportExcel", "Inquiry", new { tipe = "INQUIRY", filter = "~" });
                        })
                        .DataKeys(keys =>
                        {
                            keys.Add(o => o.inq_id);
                        })
                        .DataBinding(dataBinding =>
                        {
                            dataBinding.Ajax()
                                .Select("_GridSelectAll", "Inquiry")
                                .Update("_SaveBatchEditing", "Inquiry", new { tipe = "INQUIRY" })
                                .Insert("_InsertBatch", "Inquiry", new { tipe = "INQUIRY" });
                        })
                        .Columns(columns =>
                        {
                            columns.Bound(o => o.rsd).Title("RSD").Width("100px");
                            columns.Bound(o => o.area).Title("Area").Width("150px").EditorTemplateName("Area");
                            columns.Bound(o => o.country).Title("Country").Width("150px").EditorTemplateName("Country");
                            columns.Bound(o => o.cstname).Title("Cust. Name").Width("150px");
                            columns.Add(o => o.inq_inc)
                                .Width("50px")
                                .ReadOnly(true)
                                .Title("Copy")
                                .Filterable(false)
                                .Sortable(false)
                                .ClientTemplate("<a class=\"t-button t-grid-customCopy t-button-icon\" href='#' onclick=\"\"><span class=\"t-icon t-copy\" ></span></a>");
                        })
                        .ClientEvents(events => events
                            .OnSubmitChanges("onSubmitChangesGrid")
                            .OnDataBound("onBoundGrid")
                            .OnRowDataBound("onRowDataBoundInqGrid")
                            .OnEdit("onEditGrid")
                            .OnError("onErrorGrid")
                            .OnRowSelect("onRowSelectGrid")
                        )
                    .Editable(editing => editing.Mode(GridEditMode.InCell).DefaultDataItem(new Marketingv3.Models.InquiryContainer
                    {
                        prdgrp = "",
                        prddtl = "",
                        inq_stat = "INQUIRY",
                        podt = DateTime.Today,
                        blckdt = DateTime.Today
                    }))
                    .Selectable()
                    .Pageable(pager => pager.PageSize(15))
                    .Filterable()
                    .Sortable()
                    .Scrollable(x => x.Height("450px"))
                    .KeyboardNavigation()
                    .Resizable(x => x.Columns(true))
                    )
                </text>);

Please Help. Thanks.

[Tsvetoslav]

Hi Lina,

Just upgrade to the latest release - Q2 2013.
 
Regards,
Tsvetoslav
Telerik

[Lina]

I stil have the same problem after upgrade telerik to Q2 2013.

After doing some research, I found that horizontal scroll works only when edit mode is not "In Cell".
When I changed to "In Cell" Edit Mode, horizontal scroll doesn't work..

Please help.

Thanks.

[Tsvetoslav]

Hello Lina,

I still cannot reproduce it on my side. Try replicating it on the attached sample and send it back.

 

Regards,
Tsvetoslav
Telerik

[Lina]

Hello,

I'm so sorry before, after I opened your sample project, I've just realized that maybe I posted my question in the wrong forum.
I talked about Telerik ASP.NET MVC, not RadControls for ASP.NET.

Thank  you so much for your help.