One of the greatest features of jQuery UI is the ability to create a skin, download it and try it out. Later you can come back and continue with the custom skin you created. This is a big deal and if this could be added to the Theme Builder it would be greatly appreciated. While it would be cool if Kendo UI would run off jQuery UI themes that is not a deal breaker. I am sure working with our designers this will become a big issue without this ability over and over. If you guys could add this ability the designers will help us sell Kendo UI vs having to sell the desingers and the clients over and over.

Combobox has only one item at the beginning. When it is updated dynamically, it has about 50 items and the scrollbar doesn`t show up.

var combobox = $("#input").data("kendoComboBox");
combobox.dataSource.data(ObjList); //now about 50 items
combobox.dataSource.query();
combobox.height = 200;
combobox.refresh();

Browser mode: IE8 compatibility
Document mode: IE8 standarts

Any suggestions to fix it?
Thank you.

why kendoui.mobile.2012.1.124.beta example no sliding effect？为什么剑道移动的demo下载好后，没有滑动效果

Am am trying to use splitter.ajaxRequest when an item from a grid of item(s) is selected.

Item is selected and splitter.ajaxRequest updates the specified pane loads correctly.  I would like the pane to reload using splitter.ajaxRequest when the selected item changes.

I get the error "Cannot call method 'ajaxRequest' of undefined"

Thanks for the help.

the results don't show up at all in IE7 and 8.  Only flashes for a moment then disappears.

Here's some code:

  <input id="SearchBox" style="width: 525px;" />
                
                   <style scoped>   
                    .k-autocomplete {
                        vertical-align: middle;
                    }
                   </style>

    $("#SearchBox").kendoAutoComplete({
        minLength: 2,
        dataTextField: "VenueName",
        dataSource: {
            type: "json",
            severFiltering: true,
            serverPaging: true,
            transport: {
                read: "Services/SomeService.svc/GetBusinessVenues",
                parameterMap: function () {
                    return { venueName: $('#SearchBox').val(), reviewStatusId: '1' };
                }
            }
        }
    });

Could you please provide the code for finding the selected button in a button group. 

The documentation says there is a method called current() that will "Get the currently selected Button" and that it returns a jQueryObject of the selected button.

I use:
var buttongroup = $("#buttonGroup").data("kendoMobileButtonGroup")

and then I'm trying to use

buttongroup.current() 

which does indeed return a jQueryObject, but it looks like the buttongroup and not the selected button. I've used firebug and been all over the return object from buttongroup.current() and can't find a thing that helps me with what is selected.

I'm sure it's something stupid.

Thanks - Shawn

EDIT: draggable gint should be draggable hint.

I have a series of DIVs that contain an image + text + some other stuff. Each of these DIVs have the ID "item_" followed by a number.

To make these draggable, I loop through how many DIVs and do the following:

Problem is, no drag image is shown. If say I have 5 items, "i" in the above loop is always equal to the last item + 1 when debugging (when an item drag starts). No image is shown, not even the square with red X in IE.

If I give it a specifc name (bogus path gives the red X) or do something like below, it works but it is not what I'm after.

How would I do it so EACH item has its OWN image and don't all have the same?

Given the following configuration:

Clicking the increment gives values of 10, 20, 25. I was expecting the input to honor the step value and allow a maximum value of 20. Would it make sense for the widget to honor the step value at all times? Or would it make sense to honor max value on manual input and step value on increment click?

Edit: Wow, do I feel stupid.   There is no "step" method for this widget.  I somehow left the step value in from my old widget configuration.  DOH!!   However, now that I realize that this widget does not have a step configuration option, it's unfortunate.  Also, I see no way to modify the min and max values after initialization. I'll go vote for those features in Kendo Voice.

Problem internet explorer tab in the title concerns me a width of 100%:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Interfaz</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
<script src="js/kendo.all.min.js" type="text/javascript"></script>
<link href="Styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="Styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="Styles/Site_Master.css" rel="stylesheet" type="text/css" />
<style>
.close {
background-image:url('images/close1.png');
background-repeat: no-repeat;
width:16px;
height:16px;
float:right;
}
.close:hover  {
background-image:url('images/close2.png');
background-repeat: no-repeat;
cursor:pointer;
width:16px;
height:16px;
float:right;
}
</style>
</head>
<body>
<meta charset="utf-8">


<button class="k-button" id="btnagregar">Agregar</button>
</br>


            <div id="tabstrip">
                <ul>
                    <li class="k-state-active">
DashBoard
                    </li>
                </ul>
            </div>

            <script>
 
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g,"");
}
                $(document).ready(function() {
$("#menu").kendoMenu({select:  function (e) {
alert($(e.item).children(".k-link").text().trim());
}});

$("#btnagregar").click(function (){
open_tab ("Opcion 15", "conten3.html", "prioridad.png");
});
                });


function open_tab (Opcion, Url, Icono) {
tabStrip.append({
                                    text: Opcion  + "&nbsp;&nbsp;<div class='close' src='images/close1.png' title='Close Tab'  onclick='tabStrip.remove($(this).closest(\"li\"))'/>",
// imageUrl: "images/" + Icono,
contentUrl: Url,
encoded: false
});
}


                var tabStrip = $("#tabstrip").kendoTabStrip({contentUrls: ['DashBoard.html']}).css({ marginRight: "0px;", width:"100%" }).data("kendoTabStrip");


            </script>
        
</body>
</html>

I start my app with a listview of several states that have links like this:
example:   <li><a href="#two?st=AZ">Arizona</a><li>

My second view (or page) should be populating my div id's for:
<div id="title"></div>
<div id="img"></div>

with this ajax code:



It will populate the view if I click refresh on the browser, but how do I get this done without having to do a physical refresh each time?

Thanks,
Pete