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")))

           
            

I'm trying to learn to use the Kendo grid.
So I went to  http://demos.kendoui.com/web/grid/index.html
Where the Basic Usage shows columns First Last City Title Birthdate

And here is the code for that under index.cshtml.
@model IEnumerable<Kendo.Mvc.Examples.Models.ProductViewModel>

@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
{
columns.Bound(p => p.ProductID).Groupable(false);
columns.Bound(p => p.ProductName);
columns.Bound(p => p.UnitPrice);
columns.Bound(p => p.UnitsInStock);
})
.Groupable()
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("Products_Read", "Grid"))
)
)

I'm finding your MVC docs obtuse enough without this kind of help.

Same story on Binding to remote data.
The DataSource calls an read method that isn't in the Remote_DataController.cs

I really want to love your product..  So help me out fix the documentation.

Pat NH USA

Here is what I am trying to do.
From one view I allow the user to create a new record, let's call it Employee.  When the record is created (server side) I want to be able to pass the newly created database Id so that when I display the list of Employees in a Kendo UI grid which is populated via Ajax() call; I want to "pre" select the newly created row.  

I have not seen any good example of how to do this, especially in an ASP.NET MVC environment.

How to delete my question,I have post a new question and want to delete the old?

Hello,

Once created, many Kendo components root DOM element are wrapped under new HTML elements.  Any class of the original input will also be copied to some parent elements.

Ex:



Notice kendo added the MyClass to the span wrapper at line #1 and #3 once the DateTimePicker is created.


When you access the root input (line #3) with the ID, there's no problem.


However, if you want to use the class, then is getting more tricky.


As each widget (DateTimePicker, DropDownList, ComboBox...) are wrapped differently, it might be a good idea to add a class to the root input that would allow us to spot the input we are looking for?

Hi, 
I have scrollable Kendo grid which must fill in entire browser window (currently Chrome).

I need the vertical scrollbar to be frozen (not disappear) when I scroll to the right with the horizontal scrollbar. Also the command buttons to be frozen when I scroll to the left 

Please see the attached pictures.

Thank you in advance

Shabtai

HI, we got a javascrip program that parse an html file in memory and then do some work on it and add the element to the active DOM. 
When I try to convert an <select></select> contained in a jQuery variable in a KendoDropDown list, a strange thing append.

if I use the "normal way" to convert the select in KendoDropdown. In this case the <select> is aleready in the active DOM:
I got this result:

Now, if I try to convert it from memory:
where $srcElem is a jQuery DOM object that containt 
I got this result in the active DOM:
I am doing someting wrong... 

Hi!

So, I have a Grid on my project like this:

<iframe width="100%" height="300" src="http://jsfiddle.net/JnP8M/32/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

I want to update the MyGlobalVars.GridData locally.
I can see that when the user clicks "save changes", an array of the changed data gets passed to the function.
If I want to update MyGlobalVars.GridData am I supposed to do it manually? Or is there some kind of way to sync it?

Thanks.