If the treeview extends below the browsers visible height and causes a vertical scroll-bar, on clicking nodes within the treeview causes a page jump in Internet Explorer 11.
This bug was noticeable on the demos (http://demos.telerik.com/kendo-ui/web/treeview/index.html).

Is there a quick fix for IE11? As this bug does not appear when using Chrome or Firefox.

Thanks

I am using  kendo editor as so:

@(Html.Kendo().EditorFor(m => m.Interests)
        .Name("txtInterests")
        .Tag("div") -- inline mode I have also tried as an iframe
        .Tools(t => t.Clear())
        .HtmlAttributes(new { style = "width:100%; height: 400px" })
        )

i want to either set the font that is used in the editor or have it use the font from the page. The use will not be able to change it.

I tried inline mode and that did pick up the page font, but every time i click into the editable area a tool bar pops up and i do not want to see the toolbar.

I don't really care if i use inline or iframe i just want to be able to control the font-family and font-size of the editor but inheriting the page or setting them in code

any help would be great.

Thanks,

 

 

 

 

 

 

 

Hello 

Initially the "internal" tooltip of KendoUI slider shows the value of the current position. I need to set a tooltip text for each position. Example of a slider with 3 values (1, 2, 3). Tooltip for each position:
1 - Ok
2 - Nice
3 - Great

By the documentation I can't figure how to set it directly (inital) or at runtime (trying to access/set tooltip text of slider in change/slide events but can't figure how to access the sliders tooltip).

Is there a way to set a tooltip-text for each slider-position?

Regards

Hello Kendo Team,

I'm working with Kendo Grid and some columns are not exporting when I use the export excel feature, I think it is related with the template property, but call my eye some other columns are coming well even using template,

example:

Working Fine

                        field: "OrderID",
                        title: Order,
                        template: function (data) {
                            var url = getUrlWithLocale("/Account/OrderHistory/GetOrderDetails/");
                            return "<a id='btnViewDetails' data-orderID='" +
                                data.OrderID +
                                "' href='" +
                                url +
                                data.OrderID +
                                "/Ds' target='_self'>" +
                                data.OrderID +
                                "</a>";
                        }

Coming blank

                        field: "VolumePoints",
                        title: Volume,
                        template: "#:Pricing.VolumePoints#"

Not sure why this is happening, looks like blank columns can't to convert object into text, but the grid renders ok in the browser,

I'm attaching the js file and the excel file for your reference,

Hope you can assist, 

Thanks in advance!

I have a  simple home page with multiple views and I want only the first one to be displayed.

It is fine When I initialize the app using 

var app = new kendo.mobile.Application();

But when I use document.addEventListener() with deviceReady on a real device it displays all the views and in dojo it does not display anything

Here is the code snippet that I am trying 

    var app;
    var onDeviceReady = function() { 
            //navigator.splashscreen.hide(); 
            app = new kendo.mobile.Application(document.body,
            {
                platform:'ios7'
            });
    }
    document.addEventListener('deviceready', onDeviceReady, false); 

 

http://dojo.telerik.com/@phcc1t/AtiVo/2

Views with document.addEventListener()

Could you please let me know where am I going wrong ?

 

Is it possible to include a button inside the window header? Not custom icons in the top right, but a custom button.

 

I have set my k-title attribute to be a function, and the function returns the html to create the button - this bit is fine. My problem is that the button click does not go to the specified function. Is it possible at all?

 

I am trying to display the Sum of the Amount per ReceivedOn on the group footer.

Please help me to find what is wrong in here...

I am trying to add row reordering functionality inkendoTreeList using kendoSortable using following code.

                var grid =$('#scorecardTreeList').kendoTreeList({
                    dataSource: treedataSource,
                    columns: [
                        { field: "strategicName", title: "Strategic Name" },
                        { field: "Type", title: "Type" },
                        { field: "Name", title: "Name" }
                    ],
                    selectable: true,
                    expanded: true
                }).data("kendoTreeList");

                $($('#scorecardTreeList table')[1]).kendoSortable({
                    filter: ">tbody >tr",
                    hint: $.noop,
                    cursor: "move",
                    placeholder: function(element) {
                        return element.clone().addClass("k-state-hover").css("opacity", 0.65);
                    },
                    container: "#scorecardTreeList tbody",
                    change: function(e) {
                        var skip =0,
                            oldIndex = e.oldIndex + skip,
                            newIndex = e.newIndex + skip,
                            data = treedataSource.data(),
                            dataItem = treedataSource.getByUid(e.item.data("uid"));
                        grid.dataSource.remove(dataItem);
                        grid.dataSource.insert(newIndex, dataItem);
                    }
                });

I am facing issue that the row next to desired row (which i want to move) appears below dragged row after reordering.
e.g if I have following rows
Tiger
Apple
Meow
Orange
ABC1

when I move Tiger below Orange the new order appears as 

Meow
Orange
Tiger
Apple
ABC1 which is unexpected.

Please help.

I have bind a progress bar inside a Tree View as given.

<script id="progressField" type="text/x-kendo-template">

#if(CurrentStatus == "Progress")

{# <div class='progressDetails'></div> #}

else if(CurrentStatus == "Error")

{# // Other task #}

</script>

 
And added the same to Tree List View as given

columns: [ { field: "CurrentStatus", title: "Status", template: $("#progressField").html(), width: "170px" } ],

And updated the same on DataBound

function dataBound(e)

{

   var tree = this; $(".progressDetails").each(function ()

      {

      var row = $(this).closest("tr");

      var model = tree.dataItem(row);

      $(this).kendoProgressBar({

         change: function (e)

       {

           if (model.CurrentStatus == "Progress")

           { colorCode = "#235400"; }

          this.progressWrapper.css(

         { "background-color": colorCode, "border-color": colorCode });

         }

        });

       $(this).data("kendoProgressBar").value(model.Percentage);

    });

};

 

On load, Sorting and Filtering the tree list shows up the Progress bar. However when I click on expand arrow, The Progress bar is not showing up. Any help is appreciated.

Hello I have a dropdownlist object that have around 2000 items to load.  But it is really slow to open the dropdown.  My javascript array containing my objects is local and I don't need to fetch it using webservice in the datasource.

I tought I could just virtualize it easily by setting virtual: {itemHeight:26}.  Initially it seemed to work fine but when I update the value in the model it fails an I have the following error : "valueMapper is not provided while the value is being set".

I presume I have to set the valueMapper property to make that work, but the only example I can find is with a remote service.  Here's my attempt but it just fails :