How to set column width depending on the width of it's cell maximum width or set it auto size?   

I'm curious if it is supported to connect a grid that is initialized from a table with a dataSource for future paging calls?

For example - page 1 comes down pre-rendered with the HTML payload; user hits the next page link and the grid now uses AJAX to pull down JSON for the next set of items and renders them on the table.

Hi, I am new in Kendo UI, I want to apply Kendo UI in my web project.
I want to use globalization of Kendo UI to biliingulize my web project, does anybody know where can I find the details tutorials of how to use it? I read some introduction in this site, but it is so simple, I want to know the details of steps by steps of how to make a webiste bilingulized. I appreciate if anybody can provide an examples or URL links. Thanks a lot,

Peter

I am using the ios theme in a phonegap application.  Everything is working great, except on one page when I programatically create a listview from a datasource, the vertical stripped background goes white.  

It happens when the photoList listview is created by calling the following:

$("#photoList").kendoMobileListView({
    dataSource: photoDataSource,
    template: kendo.template($("#photoListTemplate").html())
 });

<script type="text/x-kendo-tmpl" id="photoListTemplate">
<a onclick="editPicture('${data.photo_id}');">
<img class="item-photo" src="${data.imageURI}">
<h3 class="item-title">${data.title}</h3>
<p class="item-info">(Click to edit)</p>
</a>
<a data-role="button" class="delete-link" onclick="removePicture('${data.photo_id}');">Remove</a>
</script> 

<ul data-role="listview" data-style="inset" data-type="group">
<li>Property
<ul>
<li style="text-align:center;"><h4 id="propertyInfoDisplay"></h4></li>
<li style="text-align:center;">
<a onclick="showCameraOptions();" data-role="button">Photo</a>
<a onclick="uploadThisPropertyPhotos();" data-role="button">Upload</a>
<a onclick="showMap();" data-role="button">Map</a>
</li>
</ul>
</li>
<li>Photos for upload
<ul id="photoList"></ul>
</li>
</ul>

Thanks in advance!

I've read some posts about this but nothing since. 

Are annotations going to be added to charts? If so, could you provide rough roadmap timeline for this?

Thanks

Hi,

A dropdown editor with in-form editing like here : http://demos.devexpress.com/ASPxEditorsDemos/ASPxDropDownEdit/DropDownEdit.aspx is it possible with Kendo UI ?

Thanks

I'm trying to load json data via a webservice, using the following code:

            var testing = new kendo.data.DataSource({
//                data: [{name:"test", type: "user",description: "A user"}]

                transport: {
                    read: {
                        url: "/api/testing",
                        dataType: "json"
                    }
                }
            });

        $("#overviewGrid").kendoGrid({
            dataSource: testing,
            columns: [ { title: "Name", field: "name" }, 
                       { title: "Type", field: "type"},
                       { title: "Description", field: "description" } ]
        });

The results form /api/testing are:
[{name:"test", type: "user",description: "A user"}] 

When this runs, I get the exception specified in the title (Uncaught ReferenceError: uid is not defined).

If I comment out the transport option of the dataSource and instead use the hardcoded data node, it works perfectly.
Any help on what I'm doing wrong?

I'm using kendo 2012.1.515 and receiving an error when using a grid that contains columns and a footer template that has an aggregate defined. The error appears once all of the rows are deleted from the grid (click the delete button to see this in action in my jsfiddle examples below).

Browser: latest version of Chrome but it also appears in IE9

jsfiddle that displays the issue: http://jsfiddle.net/MLYdR/11/ (Uncaught ReferenceError: sum is not defined)

 I was receiving another error when referencing 2012.1.322: http://jsfiddle.net/MLYdR/9/ (Uncaught TypeError: undefined has no properties)

Any info or a work around would be greatly appreciated.

Thanks,
Chris

I looked through the demos and documentation and found no indication that what I'm doing is supported, but I'd like to try anyway:

I like the Inline Editing feature demonstrated here, but I do not like how an entire column is wasted providing space for Edit, Delete, Update, and Cancel buttons for each individual row. I want our users to be able to select a row (or several):

...then click the Edit button in the Toolbar (I'm using Twitter's Bootstrap and its included Glyphicons, hence the templates):

and finally, the selected row(s) would become editable:

It would be great if the editor could not be a popup, but instead look and feel just like the inline editor; the only difference is, instead of the buttons being in the same row, they would be in the Toolbar.

I know it should be possible to get the uid of a highlighted row and use it to target the editor, I'm just having trouble putting it together in my head, and I'm having difficulty figuring out how to make it look and act like inline editing rather than a popup dialog.

We want to be able to grant or revoke editing privileges based on the user's permissions based on the permissions of the logged-in user (changing the editable option to false, and removing the toolbar, and similarly disabling editing on the back-end to prevent clever workarounds), as well as ensure that editing still functions within the limitations of mobile devices (multitouch screens are bad for advanced or complicated UI design and don't work well with mouse-oriented features). Furthermore, clicking once on a cell to make it editable seems like a great way to have an accident (even/especially on a desktop computer -- perhaps one could use double-click instead?), and editing a row inline with that whole column dedicated to the buttons seems like a waste of space, especially on a mobile device with limited screen real-estate. I can just barely fit four columns sized to 25% each on a 320px-wide screen (original iPhone in portrait mode), and I need all four of them for displaying data in most cases.

Please reference my other thread here for details about my specific Grid setup if needed.

Thank you for your help so far. I have been enjoying learning and working with Kendo, even if its new-ness necessitated bugs, missing features, and unfinished documentation. It's definitely one of the more robust JavaScript frameworks I've worked with.

Best Regards,

Adrian

I'm using a kendo grid with paging.

When there are no records it shows a zero for the page #, and the empty message appears. How can I not show the zero page #?