This is a migrated thread and some comments may be shown as answers.

problems using remote views with drawer

1 Answer 112 Views

Drawer (Mobile)

This is a migrated thread and some comments may be shown as answers.

guillaume asked on 08 Nov 2013, 01:32 PM

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 !! :)

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

problems using remote views with drawer

1 Answer, 1 is accepted