See the attached image - that's what I want to do :-)  Is it possible?

Hi,
I have found a bug in Kendo mobile demo. If you open ModalView in the demo and click on the input field, the native keyboard pushes the whole modal up, and you can no longer see the input field, even when typing.

Bug is reproducible on Android 4.1.2 native browser. Samsung Galaxy S2 phone.

Any ideas on how to fix this?

I am attempting to use the Kendo Window system with an MVVM model, where the window pops up to edit data, and then returns it to the opening page, but I am having a difficult time finding any examples of this... Even the documentation seems very unhelpful. Are there any samples of such a thing?

I have a kendo window with the content property set to an object as follows:
The template is defined as follows:
The window opens but the declarative grid widget isn't initialized.  Is there a need to call kendo.init() explicitly after the template is created? If so, I'm not sure how to inject the applicable code.

Thanks,
Gary

Using the following code, splicing the ObservableArray does not seem to appropriately fire the change event.
Now I call it like this, within the view model.

Where this function is on a nested child, so an array like this ...

Using this templating...
Using this setup, when I click on the sub child, with the intention to use its OnRemove function to remove it from its parent, it does update the actual view model, which is apparent because I can have the view model in a pane to the side with its change event subscribed, printing out the JSON. But the actual
HTML doesn't update, because the item does not vanish from the DOM.

How to set date to today + 1 month i.e if today is
11/12/2013, then set to 12/12/2013 using knockout-kendo

Like the today's date is set as below
      self.todaysDate = ko.observable(new Date());
how to set this one based on todaysDate
      self.nextDate = ko.observable(?????);

We have built a custom Date Picker control based on the Kendo UI DatePicker(JavaScript control).  We are trying to use this control in the Kendo Grid with an Editor Template.  We can get the control to display/work for 1 field, but when we have 2 in the same grid, we are having difficulties getting the data in the correct field.  Has anybody else tried something like this?  Any advice?  Sorry, no code samples.  Thought about opening up an issue with Kendo Support but since this is a custom date picker, we figured it probably wouldn't be looked at.

Thanks

Browser: Internet Explorer 10 (although it occurs in all browsers)
Kendo UI v2013.2.716
jQuery: as Included in trial download

SCRIPT5007: Unable to get property 'toLowerCase' of undefined or null reference
kendo.all.min.js, line 13 character 1431

's' is undefined.


This error happens whenever I call dataSource.read(), and after the service successfully returns a response with a result in it.

Here's how I have my DataSource setup, tied to a Grid widget:


var myDataSource = new kendo.data.DataSource({
    transport: {
        create:{
            dataType: "json",
            url: CREATE_CONTACT,//Global var equal to service uri to call for this operation
            type: "POST",
            async:false
        },
        read: {
            dataType: "json",
            url: RETRIEVE_CONTACTS,//Global var equal to service uri to call for this operation
            type: "POST",
            async:false,
            success:function(response){
                //This is never being called.
                // Error occurs whether I include a "success" method or not.
                return response;
            },
            error:function(jqxhr){
                //This is never being called.
                // Error occurs whether I include a "success" method or not.
                errorMsgDlg("Read Error","Error Reading Grid", jqxhr);
            }
        },
        update:{
            dataType: "json",
            url: UPDATE_CONTACT,//Global var equal to service uri to call for this operation
            type: "POST",
            async:false
        },
        destroy:{
            dataType: "json",
            url: DELETE_CONTACT,
            type: "POST",
            async:false
        },
        parameterMap: function(data, type) {

            var contactGroupID = viewModel.get("contactGroupID"),
                contactGroupID = contactGroupID.toJSON(),
                parameters;

            if (type == "create") {

                parameters = {
                    contactGroupID: JSON.stringify(contactGroupID) || "",
                    models: kendo.stringify(data.models) || ""
                };
            }
            else if (type == "read") {
                parameters = {
                    contactGroupID: JSON.stringify(contactGroupID) || ""
                };
            }
            else if (type == "update") {
                parameters = {
                    contactGroupID: JSON.stringify(contactGroupID) || "",
                    models: kendo.stringify(data.models) || ""
                };
            }
            else if (type == "destroy") {
                parameters = {
                    contactGroupID: JSON.stringify(contactGroupID) || "",
                    models: kendo.stringify(data.models) || ""
                };
            }
            return parameters || {};
        }
    },
    schema: {
        parse:function(response){
             //Never see this get called
            return response;
        },
        model: {
            id: "name",
            fields: {
                name: { type: "string" },
                email: { type: "string" },
                organization: { type: "string" },
                type: { type: "string" }
            }
        }
        ,data: function(response){

            //Never see this get called
            return response;//Should be an array of contacts
        }
     }
});

$("#mygrid").kendoGrid({
    scrollable: true,
    dataSource: myDataSource,
    columns: [
        {
            field:"name",
            title: "POC Name"
        },
        {
            field:"email",
            title: "Email"
        },
        {
            field:"organization",
            title: "Organization"
        },
        {
            field:"type",
            title: "Type"
        }
    ],
    change:function(e){

        //I'm not seeing this get called.
        var dataItem = this.dataItem() || this.dataItem(e.item.index()) || {},
            name = dataItem.name || "",
            email = dataItem.email || "",
            organization = dataItem.organization || "",
            type = dataItem.type || "Action";
        
        /*Do stuff*/
    }
});

/*
This function is activated when a user selects an item to load.
function MyOnLoadFunction(){

    /*
    snip - setting data in viewModel with kendo MVVM
    
    */
    var MyGrid = $("#mygrid").data("kendoGrid");
    MyGrid.dataSource.read();//Happens during this call, but after the service returns
    MyGrid.refresh();
    
    /*snip other loading stuff*/
}





/*snip HTML stuff*/
<div id="mygrid"></div>
/*snip more html*/

I have a page with a large div (set to 60% of the screen width) in it that I wish to flip horizontally to display the other side. I've used your documentation and demos to set up what I want using fx.flipHorizontal and it displays and flips perfectly in IE10. However, in Chrome and Firefox, the animation of the flip takes the edge of the div outside the bounds of the screen causing a scrollbar to temporarily appear and then disappear making the display look poor. I have setup a second page not using Kendo but using the standard CSS3 transforms and I can get those to work properly in FireFox and Chrome by adding a "perspective" to the container - 3000px solves the problem consistently in this case. This causes a problem with IE10 unfortunately where the back side of the panel is displayed immediately the flip animation is started and at present that does not appear to be fixable as far as I can see. Is there a way to control the perspective on the Kendo FX flip so I can resort to using it to support all browsers or is there something else I can do to make the flip display correctly in FF & Chrome?

I am running on a screen in full HD resolution, I have a left margin on my div of 68px and the div itself is 1142px wide. The height of the div is about 500px. I hope that helps you to reproduce my scenario.

Thanks in advance.

I know Kendo's panelBar can bind to a Sitemap file as shown on the following page:http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/panelbar/overview, but what I can't figure out is whether or not it's possible to apply settings like starting level/node or binding depth.

What I'm looking for is something that will allow me to specify the Starting Level and perhaps Max Depth or something along those lines.

Is this possible?