Questions on Kendo UI for jQuery Forum

1 answer

105 views

how to only have my div's prototype in html file

hey Guys,

i'm trying to find out if it's possible or not to only have the prototype of my div in my index.html and get all of my html code in different separate file.
you know i like it clean ;)
is that a way to do this ?
i'd like to get everything in those files, even my drawer, or navbar ...

thank to those who will take the time to answer me ! :)

General Discussions

answered on 08 Nov 2013

1 answer

212 views

[Solved] Clear History

I am creating a login page. How do I clear the navigation history to ensure that android users can't use the "back" button to get back to the login page after they've authenticated?

Application

answered on 08 Nov 2013

5 answers

786 views

Back button handling in Kendo UI mobile

If you built an app that uses the Kendo UI mobile tabstrip then you will notice that if you browse through a few pages by clicking the icons and then use the back button, you will go through all these pages again (in reverse order) until you reach the first page.

For most apps this might not be how you want your app to behave. Most of my apps only respond to the back button if they are on a page that is a sub page of a page that is on the tabstrip. Clicking the back button on a page that is in the tabstrip will popup a question asking if you want to exit the app.

I am wondering if this is the preferred way to do it or does Kendo UI mobile have functionality to behave as I described above. I have not been able to find it.

General Discussions

answered on 08 Nov 2013

5 answers

170 views

Using dateHeaderTemplate can't link from Week view to Day view

Hello everyone,

I'm using dateHeaderTemplate:

dateHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'ddd d/M')#</strong>")

But when I click in date header from Week view the scheduler doesn't link to Day view.

How could I use dateHeaderTemplate and it is allowed link to day view?

Thank you
Regards

Scheduler

answered on 08 Nov 2013

4 answers

317 views

[Solved] Keep Drawer Open

When in landscape mode, we would like to prevent the drawer from closing. But in portrait we would like to allow it to operate as usual.

Adding an onHide then immediately calling .show() seems to fire to quick. Is there a better way to keep this open under certain conditions?

Drawer (Mobile)

answered on 08 Nov 2013

1 answer

166 views

problems using remote views with drawer

hello guys,

i'm currently trying to use the remove views into my app but i'm going through some problems ...
my page does not get loaded and i can't figure out why ..

here is my index. html

<!DOCTYPE html>

<html>

<head>

<title></title>

<link href="styles/kendo.common.min.css" rel="stylesheet" />

<link href="styles/kendo.default.min.css" rel="stylesheet" />

<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />

<link href="styles/index.css" rel="stylesheet" />

</head>

<body onload="onBodyLoad()">

<script src="lib/jquery.min.js"></script>

<script src="lib/kendo.all.min.js"></script>

<script src="init/cordovaInit.js"></script>

<div data-role="view"></div>

<div data-role="drawer" id="my-drawer" style="width: 270px" data-views="['./views/relaySearchView.html', './views/nespressoSearchView.html', './views/dolceGustoSearchView.html']">

<ul data-role="listview" data-type="group">

<li>Menu

<ul>

<li><a href="./views/relaySearchView.html">R</a></li>

<li><a href="./views/nespressoSearchView.html">N</a></li>

<li><a href="./views/dolceGustoSearchView.html">DG</a></li>

</ul>

</li>

</ul>

</div>

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

<header 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>MR</span>

</div>

</header>

</div>

<script>

var app = new kendo.mobile.Application(document.body

{skin : "flat",

initial : "./views/relaySearchView.html"

});

</script>

</body>

</html>

and here are my three html views :

<div data-role="view" id="drawer-relaySearch" data-layout="drawer-layout">

<p>relay</p>

</div>

<div data-role="view" id="drawer-nespressoSearch" data-layout="drawer-layout">

<p>N</p>

</div>

<div data-role="view" id="drawer-dolceGustoSearch" data-layout="drawer-layout">

<p>dolce Gusto</p>

</div>

as you can see, the views are pretty simple ;)

i hope has an answer for me ! thank you !! :)

Drawer (Mobile)

answered on 08 Nov 2013

1 answer

194 views

Tooltip closes unexpectedly

Hello,

I have a button in the tooltip but I am encountering a usability issue with the tooltip whereby the tooltip disappears when attempting to move the mouse over the tooltip content.

The problem is reproducible with the "Loading content with AJAX" demo on your site. Notice how it can be quite tricky to quickly move the mouse over the tooltip without it closing. I tested in both FF and Chrome.

Any ideas?

Thanks,
Gary

ToolTip

answered on 08 Nov 2013

1 answer

228 views

Manually change schema parse

Here is my issue:

I am using the MVC Wrapper for a ListView so I am not setting this up thru javascript and cannot set the schema and columns that way. I need to change the parse function on one of my fields though. Is there any way to do this in javascript before or after the data is loaded? I have gone thru and tried a couple of different places and changed it but its not picking up the new parse.

Basically I need to change a decimal fields default parse from parseFloat to something that will allow it to respect cultures.

any ideas?

Data Source

answered on 08 Nov 2013

1 answer

169 views

Modal window is not closing

I'm trying to open a modal window from another window.
The modal window opens but it give an error when I try to close it.
I tested on Chrome, Firefox and IE.

I'm seding you an example, the page1 opens the page2 in a window and the page2 opens the page3 on a modal window, when you try to close the page 3 you got the error.

Many thanks
FLavio

Window

answered on 08 Nov 2013

9 answers

1.4K+ views

Editor icons not visible

Please see the attached screen shot, the editor renders but there are no icons on the tool bar, I checked editor.png is in the default folder.

<textarea cols="25" rows="5" id="History" style="width:420px" name="History" placeholder="this is a History field" ></textarea>

$("#History").kendoEditor({
tools: [
"bold",
"italic",
"underline",
"strikethrough",
"justifyLeft",
"justifyCenter",
"justifyRight",
"justifyFull"
]
});

This is urgent please help

Editor

answered on 08 Nov 2013