Questions on Kendo UI for jQuery Forum

3 answers

108 views

Is there a way to check the current state of a kendoMobileDrawer to determine if the drawer is open or closed via a field or method on the object? If not - what's the recommended approach for determining this?

Drawer (Mobile)

answered on 19 Nov 2014

1 answer

44 views

issue with draw appearing when not specified

I created a drawer project and all I did was add an additional layout called "login" that doesn't have a drawer specified. I then changed home.html to use "login" instead of the "main" layout (which does have a drawer). When I do this and run the app home comes up correctly, but I am able to swipe the screen and the drawer appears. Shouldn't there not be a drawer visible if the layout doesn't contain one? I need to have a login entry page that doesn't allow the user to proceed until they have be authenticated.

Drawer (Mobile)

answered on 06 Nov 2014

2 answers

81 views

Click event handler get applied every time once a new, not loaded external view opens from drawer

I have a phonegap application including a drawer instance. I'm using the newest Kendoui and was trying the latest internal build.
Every time I open an external view (a href link, without http, local file in phonegap) in the drawer all event handler get applied again to any allready loaded view. This happens only if I open/load a new external view.
If I open an allready open external view the click event handler don't get applied again. This ends in having as much click event handler applied as I open external views from the drawer.

kendoui 2014.2.1020.commercial

The code I'm using looks like:

<div id="drawer"

data-role="drawer"

data-swipe-to-open="true"

data-before-show="onBeforeShowDrawer">

<ul data-role="listview">

<li class="block dark">

<div class="left">

<a href="content/candidate/index.html"

data-role="button"

data-badge="10"

data-icon="candidates">

Candidates

</a>

</div>

<div class="right">

<a href="content/job/index.html"

data-role="button"

data-badge="10"

data-icon="community">

Jobs

</a>

</div>

</li>

</ul>

</div>

<div data-role="layout" data-id="default">

<header data-role="header">

<div data-role="navbar">

<a href="#drawer"

data-role="button"

data-icon="settings"

data-rel="drawer"

data-align="left"></a>

<a href="content/settings/index.html"

data-role="button"

data-icon="settings"

data-align="right"></a>

</div>

</header>

<footer data-role="footer">

<div data-role="tabstrip">

<a href="#drawer"

data-role="button"

data-icon="home"

data-rel="drawer"

data-align="left"></a>

<a href="#index"

data-role="button"

data-icon="home">Home</a>

</div>

</footer>

</div>

<div data-role="layout" data-id="plain"></div>

<div id="index"

data-role="view"

data-title="Home"

data-layout="default"

data-init="onInitIndex">

<div id="logo"></div>

</div>

var app = new kendo.mobile.Application($(document.body), {

root: "",

initial: page,

layout: layout,

skin: "flat",

// no transition by default with drawer navigation

// transition: "slide",

webAppCapable: true

});

Drawer (Mobile)

answered on 06 Nov 2014

1 answer

165 views

Keep drawer opened after button click

Hello,
in release 2013.3 i used following drawer ..

<div data-role="drawer" style="width: 95%" id="teamauswahl" data-init="TeamCalendar.ListViewController.init">
    <header data-role="header">
       <div data-role="navbar" id="teamauswahl-navbar">
          <a href="#" data-role="button" id="teamauswahl-navbar-backbutton" data-align="left" data-click="TeamCalendar.ListViewController.back">Zurück</a>
          <span id="teamauswahl-navbar-title" data-role="view-title">Teams</span>
       </div>
    </header>
    <ul id="listViewTeams" data-role="listview" data-template="ListViewTemplate"></ul>
</div>

In JavaScript-Function behind the button i reset the datasource of my listview.

This works realy fine ... but after update Kendo UI to 2014.2.903 ... the drawer where closed at button click.

I changed nothing to my code ...

What do i have to do ?
How can i use latest realease and keep the drawer openend like in release 2013.3 ?

Regards

Jürgen

Drawer (Mobile)

answered on 30 Sep 2014

1 answer

83 views

Animation Duration

Is there any way to change a drawer's open/close animation time? The default time seems too fast.

Drawer (Mobile)

answered on 03 Sep 2014

3 answers

132 views

Problem using Drawer with Kendo UI Web

I am having an issue using the Drawer widget with Kendu UI Web.

The problem is that my content at the top of the page is disappearing when the drawer is opened.

I have created the following snippet to demonstrate this.

http://dojo.telerik.com/@gxclarke/AnuK

The snippet is a copy from your "Drawer outside of a mobile application" example with the following changes made to achieve web compatibility:

Comment out kendo.mobile.all.min.css
Add kendo.silver.min.css
Add kendo.silver.mobile.min.css

Per your instructions, these are the correct changes for using Kendo UI Mobile widgets with Kendu UI Web.

Notice that the "Show drawer" link disappears when it is clicked on. If you revert the three changes listed above, then the link remains visible.

Please help.

Gary

Drawer (Mobile)

answered on 08 Aug 2014

1 answer

42 views

Back button covered by status bar after keyboard disappears.

The problem I am having on iOS is that once I dismiss the keyboard by clicking "Done" the view does not pull back down to show the top drawer header. I have attached 3 screenshots.
1. The view before the text input is selected.
2. The view once the keyboard shows up.
3. The view after dismissing the keyboard. Notice the top header is still partially hidden under the status bar. Actually tapping back pulls it down to normal position but then I have to tap it again to actually go back.

Ideally it should go back to screenshot #1 after dismissing the keyboard.

Is there a fix for this?

Drawer (Mobile)

answered on 30 Jun 2014

5 answers

425 views

Drawer as navigation menu?

Is it possible to use the drawer control to contain a navigation menu instead of containing all the views of the various pages? Ideally, I'd like to use this control but have each view item redirect to another page rather than having actual content in the view item. As always, thanks for your help.

Regards,
Brian

Drawer (Mobile)

answered on 18 Jun 2014

5 answers

41 views

drawer reacts to the keystroke in an input field. Why?

Hello,

Right on the View - As soon as I want in a texbox write something, the drawer-event is fired and the drawer is opened suddenly. Why? But that only happens on iOS6 Iphone. In the picture you can see a simulation to this problem.

Drawer (Mobile)

answered on 03 Jun 2014

1 answer

67 views

Using splitter inside a drawer view

Hello,

I came across a nasty problem.

I'm using the kendo mobile/web ui and i'm using a drawer. Eveything works perfectly, but then i want to use a splitter inside a view of my drawer.

<div data-role="view" id="drawer-questions" data-layout="drawer-layout" data-title="App title">

<div id="splitter">
<div style="background-color: red;float:left;width:25%;">Pane A</div>
<div style="background-color: green;float:left;width:75%;">Pane B</div>
</div>
</div>

But the splitter does not render correctly. It only shows me the first DIV + it's not even a "splitted" page?

Can i not use a splitter inside a drawer?

Thanks in advance.

Drawer (Mobile)