-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (83 loc) · 3.94 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="phonegap.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/kendo.mobile.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script src="assets/js/app.js"></script>
<link href="assets/css/kendo.mobile.all.min.css" rel="stylesheet" />
<link href="assets/css/master.css" rel="stylesheet" />
</head>
<body>
<div data-role="view" id="tabstrip-home" data-title="Hello World!">
<h1>Welcome!</h1>
<p>
Icenium™ enables you to build cross-platform device applications regardless of your
development platform by combining the convenience of a local development toolset with the
power and flexibility of the cloud.
</p>
</div>
<div data-role="view" id="tabstrip-uiinteraction" data-title="UI Interaction">
<h1>Say Hello!</h1>
<div id='helloWorldInput'>
<label for="txtName" style="display: inline-block;">Enter your name:</label>
<input type="text" id="txtName" value="" />
</div>
<div id='helloWorldText' style="display:block;"></div>
<div class="buttonArea">
<a id="resetButton" data-role="button" data-click="sayHelloReset" data-icon="refresh">Reset</a>
<a id="submitButton" data-role="button" data-click="sayHello" data-icon="compose">Submit</a>
</div>
</div>
<div data-role="view" id="tabstrip-geolocation" data-title="Geolocation">
<h1>My Location</h1>
<div id="geoLocationContainer">
<div id="myLocation">Unable to get location information. Please check your network connection and try again.</div>
<a id="refreshMap" data-role="button" data-click="getLocation" data-icon="refresh">Refresh Location</a>
<div id="map_canvas"></div>
</div>
</div>
<!--
<script type="text/x-kendo-templ" id="reddit-template">
#: title #
</script>
<div data-role="view" id="tabstrip-toprated" data-title="Bestsellers">
<h1>Best Selling Items of this week</h1>
<div id="bestsellingContainer">
<ul data-role="listview" id="myList" data-style="inset" data-source="dataSource" data-template="reddit-template"></ul>
</div>
</div>
-->
<div data-role="layout" data-id="mobile-tabstrip">
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</header>
<div data-role="footer">
<div data-role="tabstrip">
<a href="#tabstrip-home" data-icon="home">Home</a>
<a href="#tabstrip-uiinteraction" data-icon="share">UI Interaction</a>
<a href="#tabstrip-geolocation" data-icon="globe">Geolocation</a>
<a href="#tabstrip-toprated" data-icon="toprated">Bestsellers</a>
</div>
</div>
</div>
<div data-role="layout" data-id="mobile-tabstrip" data-platform="android">
<div data-role="footer">
<div data-role="tabstrip">
<a href="#tabstrip-home" data-icon="home">Home</a>
<a href="#tabstrip-uiinteraction" data-icon="share">UI Interaction</a>
<a href="#tabstrip-geolocation" data-icon="globe">Geolocation</a>
<a href="#tabstrip-toprated" data-icon="toprated">Bestsellers</a>
</div>
</div>
</div>
<script>
var app = new kendo.mobile.Application(document.body, { transition: "slide", layout: "mobile-tabstrip" });
</script>
</body>
</html>