First, let me say that I have a background in ASP.Net  web development and have quite a bit of experience writing iOS client side apps in objective c and c# (via xamarin).

I have a client who wants us to start a mobile web site for them but doesn't quite feel comfortable going client side at the moment.  If this project is successful, they may decide to go to a full blown client side iOS app.  If I write the app using Kendo UI Web (HTML5), is there a clear migration path to Kendo UI mobile?

Hello,
I've got a problem with a page inside a Kendo ui page...
consider this code please

That's my main page calling a window
Here's the content of the window I load
And the test controller


When I click on the button the main page is redirected to Index of TestWindow..... how can I fix this?

Another question how do I tell to the view inside the window to close itself after having done some update on the repository?

Thanks

Dear Kendo Team,
I've grid with sortable,filterable, groupable and resizeable behaviors.
All works fine, excepted it is a bit hard to get the resizeable behavior due to the fact the cursor seems to get the css cursor style of the sortable behavior...
Could you provide me a solution in order to set the sortable behavior only on the title of a header column?
Thanks in advance

Hi,

I have a kendo grid that will be initialized and loaded with data on page load. In many instances, due to slow network, the grid takes time to load. How do I get to find out when the grid has been initialized and loaded completely, so that I can take the data from the grid using dataSource.data() api ?

Thanks,
V N

When I try out the order in which the events of a view are fired, like this:

    <div data-role="view" data-layout="phoneLayout"
        id="settingsView"
        data-model="app.viewBehind.settings.viewModel"
        data-before-show="app.viewBehind.settings.beforeShow"
        data-init="app.viewBehind.settings.init"
        data-show="app.viewBehind.settings.show"
        data-before-hide="app.viewBehind.settings.beforeHide"
        data-hide="app.viewBehind.settings.hide">
[...]
    </div>

the beforeHide event (described here:  http://docs.kendoui.com/api/mobile/view#events-beforeHide) does not fire at all. Curiously enough, i cannot find any reference to "beforeHide" in the kendo.all.min.js sources. Is this a version related issue? I'm using kendoui.complete.2013.2.716.trial .

TIA Peter

Hi,

Kendo UI 2013.2.716
PhoneGap 3.0.0

I have a slider in a view. On an iPhone it is very hard to capture the handle and slide it with a finger. 
Most of the time the finger simply slides over it, without making it move; so the user has to try again and again until it captures the touch for the handle and starts moving. 

Is there any way to improve this? It is really unusable the way it stands now.

Thanks

Hello,
We've being  analysing kendo-ui before we buy it and we face what appears to be a performance issue(or not). As we are not costumers yet, we don't know if this is the right place to post this question, but here we go.

Attached to this thread there's a small html file that takes a quite long time to run despite its simplicity.
The questions are very simple:

1 - Are we using kendoComboBox in the wrong way?
2- There is a faster way to achieve the same result?
3- Is this performance considered normal?
4- If the answer for question 3 is `yes', do you have any guidelines to help us out to bypass these performance issues(number of elements per page, number of bindings per page etc)?

Ah, of course, it may be not a `performance issue' in other person point of view, so, when you read `performance issue' here, its our point of view :)
Despite that, neat library and great components.

Hi,
I am using the Asp.Net Mvc Wrapper for the scheduler control. I noticed that if I specify an editor template, the delete confirmation message does no longer appear:

To clarify, with this declaration the confirmation message does not appear:

.Editable(e => {
 e.TemplateId("editEventTemplate");
e.Confirmation(true);
 }) 

If I remove all the "Editable" configuration or if I leave just the Confirmation part, it works correctly:

.Editable(e => { 
e.Confirmation(true);
 }) 

What could be the reason for this strange problem?
Thanks,
Stefano Tassara

Below is my code. I cannot get the Drawer to work. What am I doing wrong?

Thank you!!



<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<title>App #1</title>

<link href="../styles/kendo.common.min.css" rel="stylesheet" type="text/css"/>
        <link href="../styles/kendo.default.min.css" rel="stylesheet" type="text/css"/>
<link href="../styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css"/>
<link href="../styles/custom.css" rel="stylesheet" type="text/css"/>
<script src="../js/jquery.min.js" type="text/javascript"></script>
        <script src="../js/kendo.web.min.js" type="text/javascript"></script>
<script src="../js/kendo.mobile.min.js" type="text/javascript"></script>
        <script src="../examples/content/shared/js/console.js"></script>
</head>

<body>

<!-- Main View -->
<div id="mainView" data-role="view" data-title="View" >
          <h1>App #1</h1>
            <p>REST API.</p>
</div>


 <div data-role="view" id="drawer-home" data-layout="drawer-layout" data-title="Inbox"></div>
 <div data-role="drawer" id="my-drawer" style="width: 270px" data-views="['drawer-home']">
    <ul data-role="listview" data-type="group">
        <li>Mailbox
            <ul>
                <li data-icon="inbox"><a href="#drawer-home" data-transition="none">Inbox</a></li>
            </ul>
        </li>
     
    </ul>
</div>



<!-- Layout -->
<div data-role="layout" data-id="mainLayout">
<div data-role="header">
<div data-role="navbar">
                     <a data-role="button" data-rel="drawer" href="#my-drawer" data-icon="drawer-button" data-align="left"></a>
<span data-role="view-title"></span>
</div>
</div>


        <!-- Footer Nav Bar -->
             <div data-role="footer">
                    <div data-role="tabstrip">
                         <a href="default.html" data-icon="favorites">Home</a>
                         <a href="views/view2.html" data-icon="favorites">View All Records</a>
                         <a href="views/view4.html" data-icon="favorites">Insert New Record</a>
                    </div>
            </div>

</div>

        
<script>
    // reset global drawer instance, for demo purposes
    kendo.mobile.ui.Drawer.current = null;
</script>

<style>
    .km-ios #my-drawer .km-content, .km-android #my-drawer .km-content, .km-blackberry #my-drawer .km-content,
    .km-ios #my-drawer .km-list > li, .km-android #my-drawer .km-list > li, .km-blackberry #my-drawer .km-list > li,
    .km-ios #my-drawer .km-listview-link > .km-icon, .km-android #my-drawer .km-listview-link > .km-icon, .km-blackberry #my-drawer .km-listview-link > .km-icon,
    .km-ios #my-drawer .km-list li > .km-icon, .km-android #my-drawer .km-list li > .km-icon, .km-blackberry #my-drawer .km-list li > .km-icon
    {
        background-color: #4e4e4e;
        color: #fff;
    }

    .km-ios #my-drawer .km-group-title,
    .km-blackberry #my-drawer .km-group-title
    {
        background-color: #6e6e6e;
        color: #fff;
    }

    .km-drawer-button:before, .km-drawer-button:after  { content: "\E077"; }
    .km-inbox:before, .km-inbox:after { content: "\E0B0"; }
    .km-sent:before, .km-sent:after { content: "\E0C6"; }
    .km-trash:before, .km-trash:after { content: "\E0C3"; }
    .km-spam:before, .km-spam:after { content: "\E0C5"; }
    .km-star:before, .km-star:after { content: "\E0D7"; }
    .km-settings:before, .km-settings:after { content: "\E0DA"; }
    .km-off:before, .km-off:after { content: "\E0B9"; }

    .inboxList
    {
        font-size: .8em;
    }

    .inboxList p,
    .inboxList h2,
    .inboxList h3
    {
        margin: 5px 2px;
    }

    .inboxList p,
    .inboxList h3
    {
        color: #777;
    }

    .inboxList h3.time
    {
        color: #369;
        float: left;
        margin-right: 10px;
    }
</style>

<script>
   window.app = new kendo.mobile.Application(document.body, { layout: "mainLayout" });
   //var app = new kendo.mobile.Application(document.body);
</script>

    </body>

</html>

Is there such a thing in the Kendo Web Suite - did not find anything.

Let's say you have an app with 20 languages. How does the client select. scroll down?

I have only 3 at the moment but am planning on adding more

Markus