Hello,

I am using a Kendo Grid popup which displays a Kendo editor to modify the content of the field. The field is configured on the MVC server side with the annotation to validate length to be 500 characters as follows:

[AllowHtml]
[StringLength(500, ErrorMessageResourceName = "ActionMaxLength", ErrorMessageResourceType = typeof(Resources.Messages))]
public string Action { get; set; }

If the user enters more than 500 characters in the Kendo editor this validation works. However, our users reported that when they added more formatting (tables, bullet lists) the validation pops up even if the visible character count is not 500. I understand from a technical perspective the character count being validated includes the behind-the-scenes html formatting tags, however this is not intuitive to the end user.

My question is, is there any alternative or built in approach to validate just the html-stripped character count of the Kendo editor validation?

Regards,
V. Joseph

I am currently trying to add custom markers to a map in MVC C#.
Is there anyway of creating a different shape/image in MapMarkersShape to display it on the map?
My current code is as follows:

@(Html.Kendo().Map()
    .Name("map")
    .Center(30.268107, -97.744821)
    .Zoom(3)
    .Layers(layers =>
    {
        layers.Add()
            .Type(MapLayerType.Bing)
            .Shape(MapMarkersShape.Pin) // -< this line
            .Key("XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"); 
    })
)

Thanks

I have a View with multiple dropdowns(15-20). Currently I implemented server binding for all of these by creating ViewData for every dropdown before loading the View. Is this the best way for implementing multiple dropdowns(server binding)?
Note: Don't want to use AJAX binding.

Hi,
 
I have used Kendo UI in an MVC web application. Of late I have been experiencing slowness in IE8 browser.
While the same code loads the screen in less than 2 secs in Chrome/IE10, it takes more than 5-6 seconds to load in IE8 browser.
Kendo widgets used in the screen includes Dropdowns, Treeview and Kendo Tabstrip.
I have tried replacing the kendo dropdowns with normal ones. This gave me a slight improvement of about 1 sec.
The kendo dropdown is a part of my cshtml page and not initialized by the jquery. Is this the best way to implement kendo widgets?
Is there any other way which will provide me with a better performance?

I have a ap.net mvc4 page in which there is one form and two grids but my problem is that grids are firing the wrong methods and i have no clue what is wrong can someone please help me out i had the similar problem in the past i created a page again with the same code anf it worked but now i am not able to solve this problem. My update method is calling the update method and other methods are firing wrong methods as well please help me out


<kendo:grid>
<%: Html.Kendo().Grid<SSTS.Models.StudentsViewModel>()
    .Name("grid")
          .Columns(columns =>
          {
              // columns.Bound(student => student.CustomerName);
              columns.Bound(student => student.SchoolYear).Width(160);
        
          
              columns.Bound(student => student.YearStart).Width(50);
              columns.Bound(student => student.YearEnd).Width(50);
                columns.Command(commands =>
              {
                  commands.Edit(); // The "edit" command will edit and update data items
                  commands.Destroy(); // The "destroy" command removes data items
              }).Title("Commands").Width(50);
          })
          .ToolBar(toolbar => toolbar.Create()) // The "create" command adds new data items
          .Editable(editable => editable.Mode(GridEditMode.InLine)) // Use inline editing mode
          .DataSource(dataSource =>
              dataSource.Ajax()
                .Model(model =>
                {
                    model.Id(student => student.StudentNumber); // Specify the property which is the unique identifier of the model
                //    model.Field(student => student.StudentNumber).Editable(false); // Make the studentID property not editable

                model.Field(p => p.StudentNumbers).DefaultValue(
                      ViewData["defaultCategory"] as SSTS.Models.StudentNumbersViewModel);
         
                
                })
                .Create(create => create.Action("students_Create", "Student")) // Action invoked when the user saves a new data item
                .Read(read => read.Action("students_Read", "Student"))  // Action invoked when the grid needs data
                .Update(update => update.Action("students_Update", "Student"))  // Action invoked when the user saves an updated data item
                .Destroy(destroy => destroy.Action("students_Destroy", "Student")) // Action invoked when the user removes a data item
          )
              .Pageable()
%>




<%: Html.Kendo().Grid<SSTS.Models.StudentsViewModel>()
    .Name("grid2")
          .Columns(columns =>
          {
              // columns.Bound(student => student.CustomerName);
              columns.Bound(student => student.BoardingPoint);//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          
              columns.Bound(student => student.StudentNumber).ClientTemplate(
    "<a href='" +
        Url.Action("ViewStudent", "Home") +
        "/#= StudentNumber #'" +
    ">#= StudentNumber #</a>"
); ;
          
            
              columns.Bound(student => student.Description).Width(250);
              columns.Bound(student => student.NumberofSections).Width(250);
              columns.Bound(student => student.ContactNumber).Width(250);
                columns.Command(commands =>
              {
                  commands.Edit(); // The "edit" command will edit and update data items
                  commands.Destroy(); // The "destroy" command removes data items
              }).Title("Commands").Width(200);
          })
          .ToolBar(toolbar => toolbar.Create()) // The "create" command adds new data items
          .Editable(editable => editable.Mode(GridEditMode.InLine)) // Use inline editing mode
          .DataSource(dataSource =>
              dataSource.Ajax()
                .Model(model =>
                {
                    model.Id(student => student.StudentNumber); // Specify the property which is the unique identifier of the model
                //    model.Field(student => student.StudentNumber).Editable(false); // Make the studentID property not editable

              //      model.Field(p => p.CustomerNames).DefaultValue(
               //         ViewData["defaultCategory"] as KendoGridAjaxEditing2.Models.CustomerNamesViewModel);
         
                
                })
                    .Create(create => create.Action("BoardingPoints_Create", "Student")) // Action invoked when the user saves a new data item
                    .Read(read => read.Action("BoardingPoints_Read", "Student"))  // Action invoked when the grid needs data
                    .Update(update => update.Action("BoardingPoints_Update", "Student"))  // Action invoked when the user saves an updated data item
                    .Destroy(destroy => destroy.Action("BoardingPoints_Destroy", "Student")) // Action invoked when the user removes a data item
          )
          .Pageable()

%>




   [AcceptVerbs(HttpVerbs.Post)]
            public ActionResult students_Create([DataSourceRequest]DataSourceRequest request, StudentsViewModel students)
            {
                var results = new List<StudentsViewModel>();

                if (students != null )//&& ModelState.IsValid)
                {
                       _studNum = HttpContext.Session["StudentNumber"].ToString();
                    StudentRepository.InsertSchoolYear(students, _studNum);
                    results.Add(students);

                }

                return Json(results.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);
            }
            [AcceptVerbs(HttpVerbs.Post)]
            public ActionResult students_Update([DataSourceRequest]DataSourceRequest request, StudentsViewModel students)
            {
                if (students != null && ModelState.IsValid)
                {

                    _studNum = HttpContext.Session["StudentNumber"].ToString();

                    StudentRepository.UpdateSchoolYear(students);
                    UpdateModel(students);




                }
                return Json(new[] { students }.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);
            }

            [AcceptVerbs(HttpVerbs.Post)]
            public ActionResult students_Destroy([DataSourceRequest]DataSourceRequest request, StudentsViewModel product)
            {
                _studNum = HttpContext.Session["StudentNumber"].ToString();

                StudentRepository.DeleteSchoolYear(product);



                return Json(new[] { product }.ToDataSourceResult(request, ModelState));
            }
        




            public ActionResult BoardingPoints_Read([DataSourceRequest] DataSourceRequest request)
            {
                _studNum = HttpContext.Session["StudentNumber"].ToString();


                return Json(StudentRepository.GetSBoardingPoint(_studNum).ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
            }

            [AcceptVerbs(HttpVerbs.Post)]
            public ActionResult BoardingPoints_Create([DataSourceRequest]DataSourceRequest request, StudentsViewModel students)
            {
                var results = new List<StudentsViewModel>();

                if (students != null )
                {
                      _studNum = HttpContext.Session["StudentNumber"].ToString();
                    StudentRepository.InsertBoardingPoint(students, _studNum);
                    results.Add(students);

                }

                return Json(results.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);
            }
            [AcceptVerbs(HttpVerbs.Post)]
            public ActionResult BoardingPoints_Update([DataSourceRequest]DataSourceRequest request, StudentsViewModel students)
            {
                if (students != null )
                {
                    _studNum = HttpContext.Session["StudentNumber"].ToString();


                    StudentRepository.UpdateBoardingPoint(students);
                    UpdateModel(students);




                }
                return Json(new[] { students }.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);
            }

            [AcceptVerbs(HttpVerbs.Post)]
            public ActionResult BoardingPoints_Destroy([DataSourceRequest]DataSourceRequest request, StudentsViewModel product)
            {

                _studNum = HttpContext.Session["StudentNumber"].ToString();
                StudentRepository.DeleteBoardingPoint(product);



                return Json(new[] { product }.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);
            }

So I am using the latest build at the time of writing this "2014.2.909" and I have some "info" tooltips that the contents will dynamically change based on a combobox selection.

The tooltip is set up like this: 


Now I am using a template like this:

 

(You can hopefully see I am using bootstrap theme here as well) 

The current tooltipReset function I have created functions like this: 



On top of this I have had to override the current styling to make sure my bootstrap panel appears as I want it without the black surround: 



Now this shows a mini panel that floats as I require but I can't seem to get the size to dynamically expand/ contract based on the content being supplied. I tried setting the width to "auto" but this didn't seem to expand the right hand side so the text was either touching or overlapping the panel contents. 

So is there a better way of doing what I want? 


On top of that is there a better way to restyle the tool tips as the changes I have put in have affected other tool tips I have. These are not related to this like graph tool tips etc. 

Thanks in advance. 

Hello,
I've a grid defined as 


I wish at column click to load open a new page for downloading a pdf....

in other parts of the project I've used something as


but now I can't since I don't have the link client side.... is there any simple way of doing that?

Thanks

I'm using VS2012 and MVC5. I dowloaded the telerik.ui.for.aspnetmvc.2014.2.903.trial and followed the below steps

Added the Kendo.Mvc.dll reference to my project. (got Kendo.Mvc.dll from telerik.ui.for.aspnetmvc.2014.2.903.trial\wrappers\aspnetmvc\Binaries\Mvc5)
Copied the JS and Style folders from telerik.ui.for.aspnetmvc.2014.2.903.trial
Created BundleConfig.cs as per the telerik website tutorial
added the reference link _Layout.cshtml and did the web.config settings as suggested

when i run the application i'm getting javascript runtime error in the following debugger code

jQuery(function(){jQuery("#datepicker").kendoDatePicker({"format":"M/d/yyyy","min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});

can please help to resolve my issue.

I am re-wiring a grid from traditional MVC to use a Telerik Grid and have a grid that appears not to be requesting data from the controller:


Controller:

GIven this is non-Ajax I'd expect the Grid to 'read' the datasource upon initial rendering, but a breakpoint in the first line of 'UserRolesRead' is never hit and the Grid is rendered empty.

Anyone any ideas?
Thanks

What is the best way to get the Kendo MVC controls to honor the Bootstrap "form-control" class? I have already seen these two related resources:

http://www.telerik.com/forums/do-you-plan-to-create-bootstrap-3-compatible-theme-
http://docs.telerik.com/kendo-ui/using-kendo-with-twitter-bootstrap

I generally have no problem with the Bootstrap v.3 and the Telerik bootstrap theme working together. The key exception in my case is the  "form-control" class. For example the controls (drop-downs, auto-completes, etc) do not wrap below the label as expected on a standard (non-horizontal) form.  I often use the "for" Html Helper e.g. @Html.KendoDropDownFor.

MVC 5 standard For helpers are now good at allowing for the additional "{ @class = "form-control" } argument. Need to do something similar with the kendo controls