I want to use the chart to display a progress bar inside of a grid (the cool new start animations inspired me)

So like I know the user is AT 33, 46 is the number to be completed...how can I display that in a horizontal bar?

Hi All.
We have a source.
var dataSource =  {TotalItemCount:10,data: [{"Name" : "Avocado","Status" : "exists"},
                          {"Name" : "Apple","Status" : "exists"},
                          {"Name" : "Orange","Status" : "exists"},
                          {"Name" : "Grape","Status" : "exists"},
                          {"Name" : "Grapefruit","Status" : "exists"},
                          {"Name" : "Pear","Status" : "exists"},
                          {"Name" : "Fig","Status" : "exists"},
                          {"Name" : "Melon","Status" : "exists"},
                          {"Name" : "Longan ","Status" : "exists"},
                          {"Name" : "Starfruit","Status" : "exists"}]}
                          
<script>
                $(document).ready(function () {
                var grid_1;
                grid_1 = $('#grid_1').kendoGrid({
                    dataSource:{
                                 data: dataSource,
                                 type: 'json',   
                                 pageSize:4,
                                 serverPaging: true,
                                 serverSorting: false,
                                 schema: {
                                         data: function(result)  {      
                                            return result.data || result;
                                            } ,
                                         total: function(result) {
                                         var data = this.data(result);
                                         return result.TotalItemCount || result.length || 0;;
                                          }  
                                        }   
                               },
                    pageable: true,
                    columns: [{
                            field: 'Name',
                            title: 'Name',
                            },{
                            field: 'Status',
                            title: 'Status',
                            }]
                }).data('kendoGrid');                
            });
</script>  
 Everything works fine if set "serverPaging: false". So, if you put " serverPaging: true "grid always displays all the data on page 1. Please help me solve this problem . Thanks for any help.

I am developing a rather large and at present hodgepodge application that has lots of jquery and kendoui going on.  I guess it could be classified as an RIA (Rich Internet Application). Between the javascript, framework, css, xml, json and and some customized tags for server side processing I easily lose track of what the hell I'm doing.

I am using Programmer's Notepad at present, but feel an IDE like VS, Eclipse or Netbeans might take care of some of the details I miss, forget or ignorant of.  

What do you use when developing a RIA ?

Button/tools like http://demos.kendoui.com/web/editor/custom-tools.html should be out of the box in editor.

I have a 50% opaque div that appears over my form while ajax loads are being made.  Once the load is  complete, the div display is set to none, allowing access to the form.   No matter what I try, the date picker in the form always appears on top of this div.  I've tried adding the div in the document ready function AFTER the datepicker is initialized.  I've tried setting the z-index of the datepicker via code I found on this forum (use a timeout to set the container and animation z-index).  I've tried setting the z-index of the div to 1000 while setting the datepicker z-index to 100.

It appears as it should in IE but no matter what I try it always appears on top in Chrome.  

   I am using splitter which will be divided the page in 2 horizontal sides.
Now I want to add kendo window in one splitting pane and it should be fixed with that splitting pane (like if I use tab it is fixed with the splitting pane  ) and drag it to another splitting pane  .In there the window should auto resize as with the splitting pane size (both height and width).
Now when I define kendo window it is easily draggable as it is in the top layer, so it is not fixed with the splitting pane and unable to auto resize.
The another issue is when I want to minimize the one splitting pane  it should minimize at any direction .(Now I am only getting in left direction ,but please guide me how it will be in right direction can be possible).
 
 
Can anyone pls help me out.

I wonder is there any way to make sure that android header goes back to the bottom of the page after pushed up when keyboard appear.

Thanks

Hey Guys,

Q:Is it possible to call a function on the "Custom" action passed into the window.

In one of your online samples you have passed in the following actions to the window:
  actions: ["Custom", "Minimize", "Maximize", "Close"]

I can call functions for Close Minimize Maximize, but how can I call a function when the custom icon is clicked?

How does the window even know what icon to render for the "Custom" action.

JSFiddle Share link:
http://jsfiddle.net/taF5V/4/

JSFiddle full screen:
http://jsfiddle.net/taF5V/4/embedded/result/

Hi All,

I am trying to render a Kendo Window from within a Template. And I am facing issues while doing so. When I use any kendo widget inside the window it’s not rendered (only the base html element is displayed) when placed in the kendo template and also only first time window gets rendered, once the window is closed next subsequent button clicks produces only the base html elements 

If you place the same widgets outside the kendo window in the template they are rendered properly.

The scenario that I am working on is something like:

1. If Country is Non-US, then the “Select” button shall not show up
2. If I select US as country, a Select button appears which allows me searching the country by ZipCode
3. For searching we is opening a Kendo window, with its title set to the US State Name
4. Once the Window opens a user can perform a search for the Zip Codes (Searching feature currently not Implemented)

I have created a JSFiddle for show casing the problem I am facing. Refer URL http://jsfiddle.net/ganeshgupta/xRTbw/12/. Attached are the snap shots of the UI when I click on the “Select” button the first & second time, displaying only the Kendo Window in the first place (Without tab controls) and next time just the base controls only (No Window & Tab controls).

Kindly have a look at the same & let me know if I have a work around that can address the same.

Thanks & Regards,

Manoj Kapoor