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 :

Hello,

I'm trying to open dojo example for diagram intermediate connection points (http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram#configuration-connections.points). However it doesn't work for me (http://dojo.telerik.com/ozIno) as connection is still a straight line (screenshot2.jpg).

Could you please provide a working example of this feature?

Thank you,

Nick

Check the following scenario:

1. Go to the following example: http://dojo.telerik.com/uVInI

2. Add new row, enter its data, and click "Save"

3. Click "Cancel"

 

The new row which was the first one is now the last one. The "cancelChanges" should not affect the order of the new row

It is possible to customize or change de loading icon for Kendo Grid?

I created a sortable grid using this http://demos.telerik.com/kendo-ui/sortable/integration-grid example but wondering if there is keyboard shortcuts to drag and drop row selected in grid?