Hi,

I've a very strange behavior trying to close the keyboard when closing a modalview.

My modalview is like this:

As you can see, my modalview contains a textarea and a cancel button to close the modalview. The cancel button is not at the same HTML-DOM level as the textarea.

The first time I open the modalview, click inside the textarea (to make the keyboard appear) and then click on cancel to close the modalview, all is going well => modalview closes, keyboard automatically disappear

The 2nd time I do this, the modalview also closes BUT the keyboard stays visible!

Now if I put the 'cancel' button JUST AFTER the textarea (at the same HTML-DOM level as the textarea), it's working every time.

Do you have an explanation on why this is happening?

By the way, does it give a function to programmatically open/close the keyboard?

Thanks for your support.
Bastien

Hi,

I have a GridView which is populated from the database.
Each row in the GridView can be edited.

One column in the GridView bound to boolean (bit) filed ("IsEnabled").
When Grid row is in edit mode this "IsEnabled" filed is changed to checkbox.

I would like the change checkbox with image (two images, one for checked state, another for the unchecked state).
Is that possible and how to do it?

Tnx,
Siam

Is there any information about Jquery 1.7.2 compatibility?
Can we move to this release safely?

I've created a grid with Ajax datasource and set 'Groupable()', but when I try to group by the first column (a text field), the field has the circle with a cross icon (not allowed) and can't be dropped in the 'Drag a column header here....' area.

I have also set grouping to default to the first columns, which works, but if I remove that grouping (by clicking on the close icon for the column header), grouping is cancelled and I can't drag it back.

.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!