<ul id="panelbar">
    <li class="k-state-active">
        Vendors
        <ul>
                <li class="k-state-selected" ><span onclick="SetVendorID(1)">Vendor 1</span></li>
                <li><span onclick="SetVendorID(1)">Vendor 2</span></li>
       </ul>     
    </li>
</ul>

This selects the first item in the list but only highlights the text not the background of the item like it does when you click on it.

When you click on Vendor 2, Vendor 1 does not deselect the text, it stays white when it should be deselected (black).

Why doesn't this work?

Hello, 

I have a template defined as:

And here I'm invoking the template and providing it data:

When I load this page, I get the error "Uncaught TypeError: Cannot call method 'replace' of undefined" kendo.all.js at line 252." What am I doing wrong?

go to menus and change the theme to bootstrap. start hovering over the menu items that have dropdowns and the title is whited out. So far i have noticed it on multiple browsers.

Hi,
Is there anyway to hide data points with zero (0) value in a line chart? I'm currently using the line chart and can't seem to find an easy way to do this. Basically a line shows up at the 0 value on the graph and I rather not show the line at all.Provide me any solution how to remove the lines showing zero.Here i'm providing the code below


$.ajax({
                    type: "POST",
                    contentType: "application/json;charset=utf-8",
                    url: "dataVizWebService.asmx/GetSellInOfficeTrends",
                    dataType: "json",
                    success: function (data) {

                        $("#chart").kendoChart({
                            dataSource: {
                                data: data.d,
                                value: "#={0}>0"
                            },
                            legend: {
                                position: "bottom"
                            },
                            title: {
                                text: "Population"
                            },
                            series: [
                                        {
                                            type: "line",
                                            field: "Population2010",
                                            name: "Population2010",
                                            axis: "Year",
                                            color: "#4a7ebb"
                                        }, {
                                            type: "line",
                                            field: "Population2011",
                                            name: "Population2011",
                                            axis: "Year",
                                            color: "#be4b48"
                                        }, {
                                            type: "line",
                                            field: "Population2012",
                                            name: "Population2012",
                                            axis: "Year",
                                            color: "#98b954"
                                        }, {
                                            type: "line",
                                            missingValues: "zero",
                                            field: "Population2013",
                                            name: "Population2013",
                                            axis: "Year",
                                            dashType: "dash",
                                            color: "#000000"
                                        }
                                        ],
                            valueAxis: [{
                                name: "Year",
                                title: { text: "Population in Millions" }
                            }],
                            categoryAxis: {
                                field: "Week",
                                majorTickType: "none",
                                labels: {
                                    skip: 0
                                }
                            },
                            tooltip: {
                                visible: true
                            }
                        })
                    }
                });

I am trying to create a conditional template to display different controls based on the item it is being bound to. In my example, I render a combobox in the second item when in edit mode. The values in the combo appear just fine until I hit save. What I see then is [object Object] where the regular template is trying to display it. How can store and show my selected value in the non-editable template?

FYI.. This is being bound to a JSON string.

Team,

I have a html grid which has input value that consists of datetimepicker.

I have grid with 3 rows ans when I tried to tag kendo datepicker to the column, it is visible only for the first row.

Am I missing some thing..

After implementing the following javascript to align the Update and Cancel popup editors buttons to the right they now display in the incorrect order, i.e. Cancel then Update.

function onGridEdit(e){
      e.container.find('.k-grid-update,.k-grid-cancel').css('float','right');
}

How do I get the buttons on the right and remain in the Update, Cancel display order?

Hi,
I need to use Kendo UI Slider Vertically from top to bottom with ASP.NET MVC helper. It is possible to render it:
- Left to Right: Horizontally, no RTL
- Right to Left: Horizontally, RTL
- Bottom to Top: Vertically, RTL or not
- Top to Bottom: ???

Regards.

Hi, 

I would like to programatically select the text of a combobox, so the user can write and get suggestions without having to delete the content of the combobox manually. Is there a way to do this? 

Thank you very much :)

Add new record crashes when having a filter that filters all rows
See sample below.
Steps to reproduce;
1) In the grid, set filter to First Name = "xyz" , result:  all records filtered.
2) Press Add new record button , result:
    Microsoft JScript runtime error: Unable to get value of the property 'ID': object is null or undefined

<div id="grid">
</div>
<script type="text/javascript">
    $(document).ready(function () {

        var ds = new kendo.data.DataSource({
            schema: {
                model: {
                    id: "ID",
                    fields: {
                        ID: { type: "number", editable: false, nullable: true },
                        FirstName: { type: "string" },
                        LastName: { type: "string" }
                    }
                }
            },
            data: [
                         { ID: "1", FirstName: "Joe", LastName: "Smith" },
                         { ID: "2", FirstName: "Jane", LastName: "Hilton" }
                      ]
        });

        $("#grid").kendoGrid({
            dataSource: ds,
            columns: [
                        { field: "ID", title: "ID" },
                        { field: "FirstName", title: "First Name" },
                        { field: "LastName", title: "Last Name" }
                     ],
            toolbar: ["create", "save", "cancel"],
            editable: true,
            navigatable: true, // tab thru the cells
            autoBind: true,
            sortable: true,
            filterable: true,
            scrollable: false
        });

    });
</script>