Using this example:
http://demos.kendoui.com/web/calendar/template.html

Is there any easy & quick way to make the calendar navigate on swipe event? It is easier for tablet users than having to click on the arrows (I think).

Thank you.

I'm doing like:
layout.showIn("#content", myView);

Is there a way to assign a transition effect when navigating between views?

For screens where I have a header and footer, the scrolling is very shaky. When I try to scroll down, the whole screen including the header and footer moves. Is this not a supported layout (where the screen is scrollable with a header and footer)

Hey guys

Would not be easier if we could define in which view NOT to show the drawer?

In my app, the only screen the drawer can't be opened is the login screen, so I have to specify ALL views of my app but one.

What do you think?

Hi,

If i run the code below, the error is
Error: The mobile application instance is not fully instantiated. Please consider activating loading in the application init event handler.
var app=new kendo.mobile.Application($(document.body), {
 skin: "flat",
 init: function() {
            console.log("Kendo UI Mobile application is ready");
        }
});
app.showLoading();
    setTimeout(function() {
        app.hideLoading();
    }, 10000);

And if i do it like this below, it will work.
var app=new kendo.mobile.Application($(document.body), {
 skin: "flat",
 init: function() {
            console.log("Kendo UI Mobile application is ready");
            app.showLoading();
    setTimeout(function() {
        app.hideLoading();
    }, 10000);
        }
});
So don't understand how to use app.showLoading for init and during views.
Can you advise what is the best practice to use the app.showLoading(),     app.hideLoading();

1. When my phonegap/html page first loads while the mobile page is loading and populating data into datasource to be bind to listview. So I would prefer the user to see the loading icon instead of a blank screen/page.
2. During transition from a 1st view to 2nd view before the data appears in the listview of the 2nd view.

Thanks.

Hello, 

I'm using the kendoui.2013.1.319

I'm trying to create a  pie chart inside a kendo window control.
I want the chart to dynamically create when I open the window, 
(in the real application it preforms as drill down chart that changes according to parent bar chart click),

but when I  try do so , the labels of the chart are not shown.

I attached a short demo.

can you please tell me if there is a problem with my implementation?


Thanks

Eran


 <div id="example" class="k-content">
    

<div id="window">
 <div class="chart-wrapper">
        <div id="chart"></div>
      </div>
    </div>

    <span id="undo" style="xdisplay:none" class="k-button">Click here to open the window.</span>


<script>


  var data = [
            {
                "source": "Hydro",
                "percentage": 22,
                "explode": true
            },
            {
                "source": "Solar",
                "percentage": 2
            },
            {
                "source": "Nuclear",
                "percentage": 49
            },
            {
                "source": "Wind",
                "percentage": 27
            }
        ];



          

        function createChart() {
            $("#chart").kendoChart({
                title: {
                    text: "Break-up of Spain Electricity Production for 2008"
                },
                legend: {
                    position: "bottom"
                },
                dataSource: {
                    data: data
                },
                series: [{
                    type: "pie",
                    field: "percentage",
                    categoryField: "source",
                    explodeField: "explode"
                }],
                seriesColors: ["#42a7ff", "#666666", "#999999", "#cccccc"],
                tooltip: {
                    visible: true,
                    template: "${ category } - ${ value }%"
                },
seriesDefaults: {
                    labels: {
                        visible: true,
                        background: "transparent",
                        template: "#= category #: #= value#%"
                    }
                }
            });
        }
        

        //$(document).ready(createChart);
        $(document).bind("kendo:skinChange", createChart);
 
                $(document).ready(function() {
                    var window = $("#window"),
                        undo = $("#undo")
                                .bind("click", function() {
                                    window.data("kendoWindow").open();
createChart();

                                    undo.hide();
                                });

                    var onClose = function() {
                        undo.show();
                    }

                    if (!window.data("kendoWindow")) {
                        window.kendoWindow({
                            width: "500px",
                            title: "About Alvar Aalto",
                            actions: [
                                "Pin",
                                "Minimize",
                                "Maximize",
                                "Close"
                            ],
                            close: onClose,
visible: false
                        });
                    }
                });
            </script>

            <style scoped>

                #example 
                {
                    min-height:500px;
                }

                #undo {
                    text-align: center;
                    position: absolute;
                    white-space: nowrap;
                    padding: 1em;
                    cursor: pointer;
                }
                .armchair {
                float: left;
                margin: 30px 30px 120px 30px;
                text-align: center;
                }
                .armchair img {
                    display: block;
                    margin-bottom: 10px;
                }
            </style>
        </div>

I would like to know when will be the Kendo UI Q3 2013 release date.

Thank you.

Hi,

I'm using the Autocomplete control in a multi-language website. For the LTR languages the text is left adjusted and while autocomplete is waiting to get the list of words from server it shows a busy indicator on the right which is as expected. But for RTL languages that text is positioned on the right side the busy indicator still appears on the right over the typed word and makes it hard to read.
Is there a way to move the busy indicator to the left when needed? If not how can I at least turn it off?

Thanks
Ron

Hi ,
What is the best way to detect data point Hover , click , right click events ?
I want to be able not only to bind to the series event but to the data points themselves

thx
Sagi

Kendo Version 2013.2.716
Kendo MVC Wrappers 

I currently have a grid that has InLine editing enabled, and also makes use of a pager whose ServerOperation is set to false (meaning all the sorting, paging, etc happens client side rather than re-poll the server).

When creating a new record InLine, if the user selects another page in the pager (without actually saving the new record first), and then returns to the original page that the new record had been inserted, it displays an empty row as though it had been saved.

 I have tried looking into the DataBound event, but I cant find any indicator on that event that tells me whether it is as a result of a page action, a filter action, etc.  Clearing the edit mode in the DataBound event interrupts the Create or Edit functions, as those also trigger DataBound.  


The question is:  is there a way to instruct the grid to clear the edit mode any changes when the pager or filter options are used and not insert an empty row?