Hi,

To reproduce this problem, please take the following steps.

1) Load the batch editing demo at http://demos.kendoui.com/web/grid/editing.html in IE8.
2) Click the first product name "Chai" so that "Chai" is now an editable textbox.
3) Press the tab key, or rapidly press the tab key in succession.

Expected result:
Next field in column (unit price) is editable and gets focused. This behavior can be seen in chrome.

Actual result:
Table loses focus, first control on page is focused instead.

Hi,
I am using Kendo Window and Kendo Panel with version Kendo UI Web v2012.3.1114.
Everything works perfectly in IE9 (when switched compatibility view) and with IE10.
The problem occurs when I use IE 7 or IE8. There does not help neither compatibility view.
Kendo panel looks like it is disabled javascript.

Thanks,
Hapa

Hi,

I am using kendo latest version - 2013.1.319.340. i have used Grid in one of my view with grouping which throws error - length is null . This happens only in IE8. Working fine in rest of the browser. Could you please let me know how to fix this issue.?
Also i have implemented cell click event in Grid which does not seems to be working in IE9 and latest version of firefox. But works fine in IE8. Please let me know what is the fix for this.

Thank you
Nirmala Shetty

I have made an app where I have set data-zoom="true" for some of the views.

Enabling data-zoom then also lets the user scroll horizontally even though the content does not expand beyond the screens horizontal limit.

Is there a way to have data-zoom enabled, but not let the user scroll if the content is "zoomed out"? 

(It gets very annoying if the user scrolls to get down the page, and in addition to scrolling downward, the text also moves back and forth horizontally.)

Hi all,

I have a textarea for text input. When the text is input, a send button is clicked and the text is cleared. How to keep the soft keyboard up there after the text is cleared? 

Thanks.

Hi there,

Current Kendo version being used is 2013.1.514.340.

The MultiSelect has values and can be selected. When the model is passed to the controller, the value in the model for the MultiSelect, the value is always null.

Below is the code I am using, is this code set up correctly ?

View:
Model:

Controller:

I am having trouble changing the styling on the Select button in the upload tool.
The Upload button has taken the correct style, but the Select does not.

I have attached code samples of the css, html, and javascript, as well as a screen shot of the rendered result.

In Chrome it looks like the button has the correct styles, but they do not render on screen.

I has a grid with many column,and I set the grid overflow-x:scroll,but it seems that that the pager not to automatic lengthening when I  drag to scroller? How to make the pager  flow to right more closely?

@(Html.Kendo().Grid(Model)

      .Name("StudentGrid")

      .Columns(columns =>

      {

        columns.Bound(p => p.Name).Title("Name").Width(200);

          columns.Bound(p => p.Age).Title("Age").Width(200);

       columns.Bound(p => p.Name).Title("Name").Width(200);

          columns.Bound(p => p.Age).Title("Age").Width(200);

      columns.Bound(p => p.Name).Title("Name").Width(200);

          columns.Bound(p => p.Age).Title("Age").Width(200);

        columns.Bound(p => p.Name).Title("Name").Width(200);

          columns.Bound(p => p.Age).Title("Age").Width(200);

      })

      .Navigatable()

      .Groupable()

      .Pageable()

      .DataSource(dataSource => dataSource

                                   
.Ajax()

                                   
.PageSize(50)

                                   
.Read(read => read.Action("GetStudentImfo", "Student"))



      ).AutoBind(false)

      .Resizable(resize => resize.Columns(true)))



and the css style:

#StudentGrid {
    overflow-x: scroll;
}

My problem is that everytime i use the .Filterable it is refreshing . . 


Controller:

public partial class ApplicantController : Controller
    {
        Entities context = new Entities();

        public ActionResult Index()
        {
            return View();
        }
        public ActionResult GetApplicant([DataSourceRequest] DataSourceRequest request)
        {
                IQueryable<APPLICANT> applicants = context.APPLICANTs;
                DataSourceResult result = applicants.ToDataSourceResult(request);
                return Json(result,JsonRequestBehavior.AllowGet);
    
        }

        public ActionResult UpdateApplicant([DataSourceRequest] DataSourceRequest request, APPLICANT applicant)
        {
            var applicantToUpdate = context.APPLICANTs.First(app => app.APPLICANT_ID == applicant.APPLICANT_ID);

            TryUpdateModel(applicantToUpdate);

            context.SaveChanges();

            return Json(ModelState.ToDataSourceResult(),JsonRequestBehavior.AllowGet);
        }
        public ActionResult InsertApplicant([DataSourceRequest] DataSourceRequest request, APPLICANT addappli)
        {
            if (ModelState.IsValid)
            {
                context.APPLICANTs.Add(addappli);
                context.SaveChanges();
            }

            return Json(new[] { addappli }.ToDataSourceResult(request));
        }
}


Index : 

@using Kendo.Mvc.UI
@(Html.Kendo().Grid<_2ndApplicantKendo.Models.APPLICANT>()
    .Name("grid")
    .ToolBar(tb => tb.Create())
        .Columns(columns =>
        {
        columns.Bound(p => p.APPLICANT_LastName).Width(130);
        columns.Bound(p => p.APPLICANT_FirstName).Width(130);
        columns.Bound(p => p.APPLICANT_MiddleName).Width(130);
        columns.Bound(p => p.APPLICANT_Address).Width(130);
        columns.Bound(p => p.APPLICANT_City).Width(130);
        columns.Bound(p => p.APPLICANT_Phone).Width(160);
        columns.Bound(p => p.APPLICANT_Email).Width(160);
         columns.Command(cmd =>
          {
              cmd.Edit();
            
          });
    })
        .Filterable()
        .Groupable()
        .Pageable(page => page.Enabled(true).PageSizes(new Int32[] { 10, 20, 40 }))
        .Scrollable()
        .Editable(a => a.Mode(GridEditMode.PopUp))
        .DataSource(dataSource => dataSource.Ajax()
        .Model(model => model.Id(c => c.APPLICANT_ID))
        .Read("GetApplicant", "Applicant")
        .Update("UpdateApplicant", "Applicant" )
        .Create("InsertApplicant", "Applicant")))