Hi guys, I am having an issue with the spread inside a dialog. I can get the spreadsheet working on a html page, but once i put it inside a model , it just start having weird behaviors. Can you guys take a look and let me know? Thanks.  Here is an example I made on Dojo UI 

https://dojo.telerik.com/EQORuVuS

I have both the glyph fonts installed and used in my MVC.net web application, some of the contents in classes are common e.g. e005 is used for different icon in kendo and for different icon in font-awesome. 

.k-i-arrow-60-right:before {
content: "\e005";
}

so by default above class should show me an arrow icon, it shows faucets icon from font-awesome.

to overcome this, i need to specify the font-file for every such class

.k-i-arrow-60-right:before {
content: "\e005";
font-family: WebComponentsIcons;
}

i want to avoid this.

any help will be appriciated.

Hi I have a disable or read only issue with Kendo editor in my c# MVC project :

@(Html.Kendo().EditorFor(m => m.Other_Areas)
                              .Name("Other_Areas")
                              .Encode(false)
                              .Tools(tools => tools
                                  .Clear()
                                  .Bold().Italic().Underline().Strikethrough().JustifyLeft().JustifyCenter().JustifyRight().JustifyFull().InsertUnorderedList().InsertOrderedList().Outdent().Indent()
                                  .CreateLink().Unlink().InsertImage().InsertFile().SubScript().SuperScript().TableEditing().ViewHtml()
                              )
                              .HtmlAttributes(new { @class = "form-control" }))

Currently I have  @Html.TextAreaFor(m => m.Other_Areas, new { @class = "form-control" }) and "clicking "View" link calls a function called

enableControls() { document.getElementById('Other_Areas').disabled = false;} this is just working fine. Now that I have replaced with Html.Kendo().EditorFor none of the following works:

            //var cteditor = $("#Other_Areas").data("kendoEditor"),
            //editorBody = $(cteditor.body);
            //editorBody.removeAttr("contenteditable").find("a").on("click.readonly", false)
            //$($("#Other_Areas").data().kendoEditor.body).attr("contenteditable",false);
            //$("#Other_Areas").css("z-index", 2);
            //$('Other_Areas').contents().find("body").attr('contenteditable', false);
            //$('.k-editor-toolbar').hide();
            //$('#Other_Areas').attr('disabled', true);
            //$($("#Other_Areas").data().kendoEditor.body).attr("contenteditable", false);
            //$('#Other_Areas').data('kendoEditor').contentEditable(false);
            //$($('#Other_Areas').body).attr('contenteditable', false);

            //var cteditor = $("#Other_Areas").data().kendoEditor;
            //var editorBody = $(cteditor.body);
            //editorBody.attr("contenteditable", false);

            // $("#Other_Areas").data("kendoEditor").disable = true;

            //$('.k-editor textarea').each(function (idx, element) {
            //    $($(element).data("kendoEditor").body).attr("contenteditable", false);
            //});
                $(editor.body).attr('contenteditable',false);
 $('.k-editor textarea').each(function (idx, element) {
              $($(element).data("kendoEditor").body).attr("contenteditable", false);
            });

Currently I am using Kendo.mvc.dll version 2020.1.406.545

I tried several samples (http://dojo.telerik.com/oMaDAZ etc)  and it seems all are version specific. If I download as a seperate html/app it just works fine. Its not working in my application. I tried to add external references listed in example but my application throws multiple error stating that auto populate, date control etc are not working or Jquery not defined etc. May be because, I already have 2020 version kendo.mvc.dll locally and in addition if I add, the duplicate references leading to this error.

Please advise on how to completely disable the  Html.Kendo().EditorFor(m => m.Other_Areas) including the tools disabling like https://dojo.telerik.com/@NeliKondova/urIZAZAy 

Please advise. 

Many thanks,

Swati

My grid has "selectable: "row multiple"" set, and I want to make copies of all selected rows when a "Copy" custom button is pressed.

Please take a look at my code so far:

When I console.log(this) in the body of the .each() function, the rows are logged correctly. However, grid.dataItem(this) will return the first selected row in the first loop iteration, then for all subsequent iterations, it will return the first row of the grid (whether or not it is selected). Why is this happening? As I stated above, this for each iteration is CORRECT, but when you set var selected to grid.dataItem(this), selected becomes the first selected row on the first iteration in .each(), then it becomes the first row in the grid on all subsequent iterations.

Here is a Dojo that recreates the problem: http://dojo.telerik.com/ApAJU

The issue only appears when selecting multiple rows. Try selecting any number of rows > 1, press the Copy button, and see the console. The <tr> elements are correct, but the JS objects are not. This does not happen when you do not add the rows after (a.k.a if you ONLY log and do not create copies, there is no problem). Thus, there is something wrong with adding the copies.

Thanks

Andy

I am using the Selection Checkbox feature of a Grid.  For reference, built from this demo: https://demos.telerik.com/kendo-ui/grid/checkbox-selection

So I have a grid like the following:

$("#rgrid").kendoGrid({
        dataSource: GridRepoDataSource(),
        sortable: true,
        persistSelection: true,
        change: onChange,
        columns: [
            {
                selectable: true,
                width: "50px"
            },
            {
                field: "name",
                title: "Name"
            },
            {
                field: "description",
                title: "Description"
            }
        ]
    });

What I'm trying to do is after the grid has been loaded I have a button outside of the grid.  When I click on the button, I want to select the check-box in the row based on the name.  And hoping that when I do click on that button, hoping that the OnChange event still fires.

Thanks,

Richard

Hi ,

we have a requirement to disable comment option on click of few cells (which are disabled) or to show a toastr message on click of comment that user can't add comment on specific cell. Do you have any such feature or event to track this requirement ?

Below code shows how I format the date of a column.

{
    field: "DatumAanvraag",
    title: "Datum aanvraag",
    template: "#= DatumAanvraag ? kendo.toString(kendo.parseDate(DatumAanvraag, 'yyyy-MM-dd'), 'dd-MM-yyyy') : '' #"
},

The model is like this:

DatumAannvraag: { type: "date" },

This works for dates but when I add HH:mm a null is returned.

Any ideas how to optimize this code?

I would like to be able to populate some Html on a page after I click a row in a Kendo Grid.  I am able to get data from the clicked row but not sure how populate the Html once I get it.  I have a demo app that illustrates my problem at https://dojo.telerik.com/@rswetnam/iNATUDOz

As well as that, I was hoping to get assistance in:

1. Making an additional call on the change event to get other data associated with the original record select - e.g. customer purchases  
2. Finding documentation associated with https://demos.telerik.com/kendo-ui/service/Northwind.svc/  e.g. how to make calls to order-details etc.

Thank you.

Roger