.k-grid-header {font-size: x-small !important;}

works fine in IE but I'm not having any success with Chrome, FF, or Opera.  What is the proper cross-browser CSS to set the font-size of the header?

Thanks

Just upgraded to jQuery 1.9.0 and now I'm getting this error.

Uncaught TypeError: Object function (e,t){return new st.fn.init(e,t,X)} has no method 'sub'


    <link rel="stylesheet" type="text/css" href="../../Content/kendo/2012.3.1114/kendo.common.min.css" />
    <link rel="stylesheet" type="text/css" href="../../Content/kendo/2012.3.1114/kendo.blueopal.min.css" />

    <script src="../../Scripts/jquery-1.9.0.min.js"></script>
    <script src="../../Scripts/kendo/2012.3.1114/kendo.web.min.js"></script>

Hello, 

If I provide this simple data to a chart, the chart data shows up correctly.
Please note that the above JSON has STRINGS for the keys.

However, if I provide a number as a key, I get an "Unexpected number at line number 2156" error.


Any help?

In the Roadmap, a new Kendo Web Tooltip Widget is scheduled for Q1. We are eagerly awaiting this new feature. Is there a projected release date for it? Is there any "beta" version available for now?

I want to change the text on the button without making a page transition. The initial text is 'Show', but when I click the button it should be change to 'hide'.
I have a button in html like this:

<a href="" id="btnShowHide" data-role="button" style="background-color: rgb(135, 196, 66);">Show</a></div>

I have this function to toggle the text:

$("#btnShowHid").kendoMobileButton({
                click: function (e) {
                    var element = document.getElementById('btnShowHide');
                    if (element.innerText === "Hide") {
                        window.localStorage.removeItem(followProjectID);
                        element.innerText = "Show"
                    }
                    else { 
                        window.localStorage.setItem(followProjectID, (followProjectTitle + "|" + followProjectImageUrl + "|" + followProjectDescription));
                        element.innerText = "Hide"
                    }
                    // $("#btnShowHid").kendoMobileButton();
                    e.preventDefault();
                }
            });

However,  the text doesn't change

hi,

I am trying to follow the very simple validation example. I have this written:

    $(document).ready(function () {
        var validatable = $("#myform").kendoValidator().data("kendoValidator");
        $("#save").click(function () {
            if (validatable.validate()) {
                alert('Valid');
            } else {
                alert('Not valid');
            }
        });
    });

and html:

    <div id="myForm">
        <fieldset>
            <label for="Name">Name</label>      
            <input type="text" id="Name" name="Name" required/>
            <br/>
            <label for="Age">Age</label>     
            <input type="text" id="Age" name="Age">
            <br/>
            <label for="Phone">Phone</label>
            <input type="text" title="Phone Number" id="Phone" pattern="\d{10}" validationMessage="please enter a ten digit phone number"/>
            <br/>
            <button id="save" type="button" class="k-button"></button>
            <!--<input type="submit" id="Submit" value="Submit" @*onclick="checkValidation()"*@/>-->
        </fieldset>

it says that 'validatable' is not defined. But what's weird is when I step through the code in Firebug, it shows the proper return when I call manually $("#myform").kendoValidator().data("kendoValidator"). It seems only if I put it in a variable, that variable is undefined.

Can anyone help? maybe I am missing some JS references? Which ones do I need for this? please help.

thanks!

I'm trying to use tab strip in standard display/value way. So I'm creating data which have two propertes name and value. I would like create tabs that will display name, but after select I will have access to value, to make some opertaions on value not on name.

Is it possible?

  I wrote the code below, the data came to the web service but I couldn't see any chart on the page.The title can be seen on the page(Pie Chart Test), the createChart function is called but  datasource part does not work. If you can help, I would be glad.

Note: Json data is attached as data.json

       <script>
           
                function createChart() {
                    $("#chart").kendoChart({
                        theme: $(document).data("kendoSkin") || "default",
                        title: {
                            text: "Pie Chart Test"
                        },
                        legend: {
                            position: "bottom",
                                },
                        seriesDefaults: {
                            labels: {
                                visible: true,
                                format: "{0}%"
                            }
                        },
                     
                        categoryAxis: {
                            field: "ID"
                        },
                        dataSource: {
                            transport: {
                                read: {
                                    url: "Machine.asmx/GetDuration",
                                    dataType: "json"
                                }
                            },
                        },
                        series: [{
                            type: "pie",

                        }],
                       tooltip: {
                            visible: true,
                            format: "{0}%"
                        }
                    });
                }

                $(document).ready(function () {
                    setTimeout(function () {
                        // Initialize the chart with a delay to make sure
                        // the initial animation is visible
                        createChart();
                        $("#example").bind("kendo:skinChange", function (e) {
                            createChart();
                        });
                    }, 400);
                });
            </script>

WORKS:
var data = JSON.parse(localStorage.getItem('some_stored_json_data'));
var template = kendo.template($("#template").text());
var content = kendo.render(template, data);
$("#scrollview").kendoMobileScrollView().data("kendoMobileScrollView").content("<!--" + content + "-->");

DOES NOT WORK:
var data = JSON.parse(localStorage.getItem('some_stored_json_data'));
var template = kendo.template($("#template").text());
var content = kendo.render(template, data);
$("#scrollview").kendoMobileScrollView().data("kendoMobileScrollView").content("<!--" + content + "-->");
$("#scrollview").kendoMobileScrollView().data("kendoMobileScrollView").content("<!--" + content + "-->"); // the only line different

I have ScrollView running fine with the "WORKS" code above (Templates and other HTML not attached). 

However, though the above code that "DOES NOT WORK" is nonsense, but It reproduces the problem I am having when I am trying to update the contents of a ScrollView. Can someone please confirm that they can reproduce my problem and and if it is a bug or not. 

KendoUI version: 2012.3.1315
Platform: Phonegap 2.2.0 on Android 2.2 API (running on Android 4.2 Phone). 

Cheers,
Vaughn

Hi All,

Initially, I have selected page size 25 in kendo listview and checked the select all check box. Then checkboxes of 25 records has been checked. That's fine. Until this no issue. The problem is if I select 50 from PageSizes dropdown, still only checkboxes of 25 records are getting selected. SelectAll checkbox option is not applying for all 50 records. Is there any way to do this? Immediate help would be appreciated.

Listview pager seetings in MVC I have written:
.Pageable(pager => { pager.PageSizes(new int[] { 25, 50, 100, 200 }); pager.ButtonCount(1); })

Regards,
Partha.