Is it possible to hide the border for a TabStrip? I don't see anything in the docs/configuration for doing so.

I have found a display issue with DropDownList on iOS (Mobile Safari). If the list contains more items than fit into it vertically, the items flow over the drop down list boundaries and scrolling does not work (see attached image). Same page works fine on all desktop browsers.
Using the following scripts (via a generated kendo.custom.min.js):

<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.core.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.fx.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.data.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.calendar.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.popup.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.datepicker.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.timepicker.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.datetimepicker.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.list.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dropdownlist.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.menu.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.numerictextbox.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.core.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.themes.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.userevents.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.svg.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.chart.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.draganddrop.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.mobile.scroller.min.js"></script>

Note: added kendo.mobile.scroller later on, but does not make a difference.
 
Code to create DropDownList (from a <select>):

UPDATE: Solved. Adding kendo.mobile.scroller.min.js and kendo.touch.min.js fixed the issue.

How to  hide stock navigator in stock chart

I'm trying to create an application which has two windows.  I am using the MVVM framework, so I'm trying to create my windows declaratively using the data-role="window" syntax.  I'm not sure if I'm doing something wrong, but I am running into two issues:

1. Windows appear to ignore the data-visible="false" attribute
2. Windows declared after the first window fail to be initialized correctly - eg: Only one of my windows is created correctly.

Hi,
see here: www.iperbooking.net/mobilekendo/iperbooking
In the header section of my site I'd like to show a scrollview with some photos. The default css code in the splitview's documentation is set to: width 320px and height 220px. I tried to change to width 100% and leave height 220px but when I rotate my phone obviously the photos will stretch.
Is it possible to change the height of the gallery on the rotation event?

I'm trying to test the menu using the example code on the site, but I'm getting the following error:

Value cannot be null.
Parameter name: item

Line 9:      <div id="IslandWebMenu">
Line 10:         @(Html.Kendo().Menu()
Line 11:             .Name("Menu")
Line 12:             .Items(items =>

Can, anyone, help me?

Thanks

I am having problems with speed as the data set grows. I have a JSON object of data that I create a hierarchical array from and then bind that array to the TreeView. The same data is displayed in a GridView without the hierarchical portion, so the TreeView is maybe 10-20% bigger, in terms of number of nodes. The time is off by almost 2 orders of magnitude. Trapping before and after the TreeView initialization as well as before and after the grid gives me this.

Count	Tree	Per	Grid	Per
62	5.385	0.08685	0.677	0.01092
119	13.69	0.11504	0.729	0.00613
199	32.096	0.16129	0.892	0.00448
265	58.09	0.21921	2.007	0.00757
351	89.012	0.25360	1.878	0.00535
402	72.118	*	1.345

* The last load with 402 items only has 4 branch nodes, Root, which as 3 children. All 402 are attached to one of the three children.

The number are in seconds. What I find very interesting is the time per is pretty consistent in the GridView, but grows in the TreeView faster than I think the added hierarchical data would allow for. The data is divided up into 4 levels, root, plus 3.

The real problem is of course 90 seconds to load a tree with 351 leafs. I re-ran with flattening the structure so that there were only the root, 3 branches and 402 leafs. That took 72 seconds, which is much better than the 90 for the 351 with more structure, but still too long for a user to wait, for not that much data.

The tree is fairly simple:
    $("#treeview").kendoTreeView({
        checkboxes: {
            checkChildren: true
        },
        select: function (e) {
            showDetailByNode(e.node)
        },
        template: kendo.template($("#treeview-template").html()),
        checkboxTemplate: kendo.template($("#treeview-checkbox-template").html()),
        dataSource: myShipmentsTree
    });

    <script id="treeview-checkbox-template" type="text/kendo-ui-template">
        # var name = "checkedFiles[" + item.id + "]"; #
        <input type="checkbox" name="#= item.text #" data-id="#= item.id #" data-status="#= item.Status #" value="true" id="chk#= item.text #" # if (item.items) { # class="treecheckbox" data-node="false" # } else { # class="treecheckbox itemnode" data-node="true" # } #/>
    </script>
    <script id="treeview-template" type="text/kendo-ui-template">
        # if (item.hasChildren) { #
            <span class="itemText itemGrouping">#= item.text #</span>
            (#= item.items.length #)
        # } else { #
            # if (item.Status == "V") { #
                <div id="itemLeaf#= item.id #" class="itemText itemLeaf strikeThrough" style="width: 100%;" data-id="#= item.id #" >#= item.text #</div>
            # } else { #
                <div id="itemLeaf#= item.id #" class="itemText itemLeaf" style="width: 100%;" data-id="#= item.id #" >#= item.text #</div>
            # } #
            <div id="itemButtons#= item.id #">
                <a class="statusImage status#= item.Status #" ></a>
            </div>
        # } #
    </script>

I removed the logic from the templates, but that didn't make any difference. It took more time, 75 seconds, but I suspect my computer was just a little busier.

    <script id="gridviewButton-template" type="text/kendo-ui-template">
        <div class="hiddenData" data-id="#= ID #"></div>
        <a class="statusImage status#= Status #" ></a>
    </script>
    <script id="treeview-checkbox-template" type="text/kendo-ui-template">
        # var name = "checkedFiles[" + item.id + "]"; #
        <input type="checkbox" name="#= item.text #" data-id="#= item.id #" data-status="#= item.Status #" value="true" id="chk#= item.text #" # if (item.items) { # class="treecheckbox" data-node="false" # } else { # class="treecheckbox itemnode" data-node="true" # } #/>
    </script>

Am I doing something wrong, or is this the speed to be expected from it?

Thanks
Randy Miller
TransGuardian

Hi,
I am using Stacked Column chart for one of my app. I want to do render some other stuff based on selection of the chart.

I can get all events like seriesClick,hover etc. But I need a way where user can select a range of x-axis values by dragStart and dragEnd or by any other options.

Can anyone suggest any solution?

Thanks

Hi,

I viewed your sample http://demos.kendoui.com/mobile/scrollview/index.html on my iPhone. I tried to save one of the images by doing a hold press and it does not show the "Save Image" sheet in safari. Normally when you browse a website and you want to save an image to your local photo album, you just do a hold press on the image and after a few seconds the "Save Image" action sheet comes up. 

How can I do the same with the ScrollView?

Best regards,
Antonio

Hi there,