How can I add a tooltip to my dropdown running in MVC? I have tried several ways I found online and in the forum but no luck.

html page code:

how can I add a tool tip to this drop down? I want to show some more details about the car when the users hovers over it

after upgrading to 2017 the html I have in my title property is not rendered as html.

Has this changed?

I used to have something like this:

         filters.kendoWindow({

            width: "210px",
            height: "470px",
            title: "Filters <span class='ise-window-title-post-fix'>drag me</span>",
            position: { top: 100, left: 5 },
            pinned: true,
            visible: false,

Hello. 

I modifed an example from demo. To add one child node to selected node.

https://dojo.telerik.com/uhUnukOJ/3

Left side is copy from demo, right side other simple version.

Right side add only to the root. And left side works strange.

Second. I have config a hierarhicalDataSource

var treeData = new kendo.data.HierarchicalDataSource({
            transport: {
                read: {
                    url: "api/ui/UIData/folders",
                    contentType: "application/json",
                    dataType: "json",
                    data:
                        {
                            id_hierarchy: 1
                        }
                }              ,
             

                requestEnd: function (e)
                {
                    //check the "response" argument to skip the local operations
                    console.log(e);
                }
            }
        });

It loads root nodes. But does not show any children nodes after loading. requestEnd does not fire too.

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