hi,
is it possible to trigger a custom rule for 2 input fields?
for example i have 2 fields which are dependant on each other.  1 or the other is required.  but both can't not be empty.

how would i do this?

cheers

I have a grid that I am attempting to size based on the div size that contains it.  I am using the following code:

Hello,

I have attached a simple test project that reproduces my issue.
It must be run on a web-server in order to avoid browser security restrictions relating to loading from a local file system.

The problem is that when navigating to a remote view using url parameters a duplicate version of the view is created in the DOM with a data-url attribute that matches its URL parameters. This duplicate view renders as HTML only and does not reflect changes in the mvvm structure.

This is easily noticeable when using an html debugger such as chrome's developer tools. Simply run the test project, open the debugger, click the first button, go back, click the second button. You'll see the behavior I described reflected in the HTML on the debugger.

I am using the latest internal build of KendoUI Mobile for this test project (2012.3.1204).

I love what you guys are doing but when I added links to a live use case on iPad the menu works but the links do not trigger. This works on the desktop with the mouse but it is not working on the iPad with the touch. Note again that the menus work in open and close and even the events trigger correctly. What does not work is a menu item wrapped in a link does not seem to trigger. So is this a bug or is there something different that I should be doing for these menu items to be links?

Ok so take your demo D&D page with the yellow circle and the dropzone

No imagine you have 15 yellow circles, all droppable into the same single container

When we wire it up here in document .ready we're doing this


...

So that "works"...in that drag\drop works...but when we start to drag it literally grabs EVERY item in the list and attaches them all in some sort of weird Katamari ball.

I THINK I need to initialize it with the group property?

**EDIT** Got it working, please though a demo of this would be awesome (for reference)

Steve

Hi guys,

I seem to be having an issue with virtualizing data for my grid. I've initialized it with the following:

    $("#myGrid").kendoGrid({
        dataSource: {
            type: "json",
            serverPaging: true,
            serverSorting: true,
            pageSize: 32,
            transport: { read: "/Query/GetAddresses" }
        },
        height: 300,
        scrollable: { virtual: true },
        columns: cs /* The columns data stored in the cs variable */
    });

The grid initializes fine, and populates with 32 records (shows about 10 with a scrollbar due to height constraint). When i scroll down, i can see that the next ajax call is made and returns the correct json data for take=32 & skip=32 & page=2 & pageSize=32 using FireBug. The problem is that at this point, the data isn't appended to the grid. Also, any further scrolling on the scrollbar calls for page 2 again with the same parameters.

I've tried a few variations of parameters as i thought they may be intefering with each other, but couldn't get the data to come through. Any help or ideas of things to try would be appreciated.

Regards,
Tony

Hi.

I am trying to explore this demo:
http://demos.kendoui.com/web/treeview/index.html

And it just does not work correctly in either of ipad (safari) or android tablet (chrome and stock browsers).

I have read this: 
http://www.kendoui.com/forums/ui/treeview/treeview-from-q3-2012-release-does-not-expand-collapse-on-ipad.aspx

But is it really related? It only says about expanding, but I also cannot select (click) node for example.
after 10-15 touches at different places around node it is sometime selected, but not always.

if this is same problem as the one above (http://www.kendoui.com/forums/ui/treeview/treeview-from-q3-2012-release-does-not-expand-collapse-on-ipad.aspx) them I am sorry, I just wanted to be sure if it gets fixed.

We use the Application.showLoading() method to show the loading animation whenever we make any AJAX calls, or refresh any DataSources in our mobile web app. However, the page below the loading animation remains active while the animation is displayed. This can lead to very weird behaviour if the user touches anything there.

How can I make the loading animation be modal?

What I have tried is the following:
with the following in our CSS:
and finally, the following utility function:
This works very well on:
- Safari on iOS
- Chrome on Android 4.2

However, it displays an ugly white rectangle on:
- Android Browser on Android 4.2 (see attached screen shot)

I would happily throw away all of this code if there is a Kendo provided method to achieve what I want. If Kendo really does not provide this functionality, then any help in what I am doing wrong with my code would be greatly appreciated.

Thanks in advance,
David Sykes

I'm trying to integrate with an existing component feeding Json data in cross site environment. The grid works in Chrome, but fails to populate in IE. Using version 9 of Internet Explorer. I provided several examples below to demonstrate which code works and which doesn't.

I also attached the code with supporting files.

Please help.



<script>
// Code downloaded from http://demos.kendoui.com/web/grid/index.html
var alerts = 
{
"startIndex":0,
"count":25,
"entry": [
{"AlertId": 111},
{"AlertId": 222},
{"AlertId": 333},
{"AlertId": 444},
{"AlertId": 555},
{"AlertId": 666},
{"AlertId": 777}
]
};

$(document).ready(function() {
// Example 1. Works. Taken from http://docs.kendoui.com/howto/bind-the-grid-to-remote-data.
var ds1 = new kendo.data.DataSource({
transport: {
read: {
url: "https://api.instagram.com/v1/media/popular?client_id=4e0171f9fcfc4015bb6300ed91fbf719&count=2",
dataType: "jsonp"
}
},
pageSize: 5,
schema: {
 data: "data"
}
});

// Example 2. Fails in IE and Chrome with jsonp. No headers, no data.
// Works in Chrome and fails in IE with json.
var ds2 = new kendo.data.DataSource({
transport: {
read: {
url: "http://10.60.71.140/CoreRESTServices/Core.svc/alerts?fields=AlertId",
dataType: "jsonp"
}
},
pageSize: 5,
schema: {
 data: "entry"
}
});

// Example 3. Fails in IE, and works in Chrome. IE headers, but no data.
var ds3 = new kendo.data.DataSource({
type: "jsonp",
transport: {
read: {
url: "http://10.60.71.140/CoreRESTServices/Core.svc/alerts?fields=AlertId"
}
},
pageSize: 5,
schema: {
data: "entry"
}
});

// Example 4. Works.
var ds4 = new kendo.data.DataSource({
data: alerts,
pageSize: 5,
schema: {
 data: "entry"
}
});


// Initialize the grid.
$("#grid").kendoGrid({
dataSource: ds4
});
});
</script>

Hi,

Is it possible to add custom lines and arrows with some label / description in standard dataviz charts?  I have added a sample to explain the same.

Regards,
Suresh