Is there an example of how to setup up a Kendo UI navbar and tabstrip so
they anchor at the top and bottom of the page with a listview between. My
setup below for a SPA always scrolls as far as it needs instead of
anchoring for an app like appearance. Does the ng-view not play well with
setting this up? I can duplicate with strictly kendo but not with
angular. Any help would be greatly appreciated.
PARTIAL
<div class="container">
<ul kendo-mobile-list-view k-data-source="clients" k-template
="clienttemplate" k-append-on-refresh="true" k-pull-to-refresh="true"></ul>
<script type="text/x-kendo-template" id="clientViewTemplate">
<div>#= last_name # </div>
</script>
</div>
MAIN FORM
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"; ng-app="casenote_app">
<head>
<title></title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1,
user-scalable=no, minimal-ui"/>
<!-- Makes your prototype chrome-less once bookmarked to your phone's home
screen -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link href="content/kendo/2014.2.716/kendo.bootstrap.mobile.min.css" rel
="stylesheet" type="text/css"/>
<script src="scripts/jquery-1.9.1.js"></script>
<script src="scripts/angular.js"></script>
<script src="scripts/kendo/2014.2.716/kendo.ui.core.min.js"></script>
<script src="scripts/kendo/2014.2.716/kendo.angular.min.js"></script>
<script src="scripts/angular-route.js"></script>
</head>
<body>
<div kendo-layout data-id="viewbinding">
<header data-role="header">
<div kendo-mobile-nav-bar>
<div kendo-mobile-view-title>NDB Casenotes</div>
<button kendo-mobile-button data-align="left">Back</button>
</div>
</header>
<div ng-view="" data-layout="viewbinding"></div>
<div data-role="footer">
<div kendo-mobile-tab-strip k-on-select="tabstripSelect(kendoEvent.item)">
<a href="#/casenote" data-icon="compose">Casenote</a>
<a href="#/participants" data-icon="contacts">Participant</a>
<a href="#/goalsobjectives" data-icon="organize">Goals/Objs</a>
<a href="#/activities" data-icon="action">Activities</a>
</div>
</div>
</div>
<script src="app/app.js"></script>
<script src="app/controllers/clientcontroller.js"></script>
<script src="app/services/clientfactory.js"></script>
</body>
</html>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
