or
<script type=
"text/x-kendo-tmpl"
id=
"tablet-mru-template"
>
<div class=
"listitem-tab"
>
<h1 style=
"vertical-align: middle;"
>
#:ClientName#</h1>
<h2 style=
"min-height: 0px"
>
#:MatterName#</h2>
</div>
</script>
categoryField:
"Category"
,
field:
"Value"
,
fieldDisplay:
"ValueFormatted"
,
template:
"${category} ${valueDisplay} - Prior Period"
, series: [{
name:
"Prior Period"
,
overlay: { gradient:
"none"
},
categoryField:
"Category"
,
field:
"Value"
,
tooltip: {
visible:
true
,
template:
"${category} ${value} - Prior Period"
},
data: jsonPrior
}, {
name: $(
'#lblDateRange'
).html(),
overlay: { gradient:
"none"
},
categoryField:
"Category"
,
field:
"Value"
,
tooltip: {
visible:
true
,
template:
"${category} ${value} - "
+ $(
'#lblDateRange'
).html()
},
data: jsonData
}]
<!DOCTYPE html>
<
html
>
<
head
runat
=
"server"
>
<
meta
charset
=
"UTF-8"
>
<
title
></
title
>
<
link
href
=
"http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"http://cdn.kendostatic.com/2012.3.1114/styles/kendo.dataviz.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css"
rel
=
"stylesheet"
/>
<
script
type
=
"text/javascript"
src
=
"http://code.jquery.com/jquery-1.8.2.min.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"
></
script
>
</
head
>
<
body
>
<
div
data-role
=
"view"
id
=
"orderhistory"
data-layout
=
"default"
data-before-show
=
"redirectBack"
class
=
"hideload"
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
<
ul
class
=
"ordULHist"
>
<
li
>
<
a
id
=
"ml"
data-rel
=
"external"
data-role
=
"listview-link"
href
=
"mailto:comments@yahoo.com"
>comments@yahoo.com</
a
>
<
li
>
<
li
>not rounded in android
<
input
id
=
"chkremember"
data-role
=
"switch"
/>
</
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
<
script
type
=
"text/javascript"
>
var app = new kendo.mobile.Application($(document.body), {
platform: {
device: "ipad", // Mobile device, can be "ipad", "iphone", "ipod", "android" "fire", "blackberry", "meego"
name: "ios", // Mobile OS, can be "ios", "android", "blackberry", "meego"
ios: true, // Mobile OS name as a flag
majorVersion: 5, // Major OS version
minorVersion: "0.0", // Minor OS versions
flatVersion: "500", // Flat OS version for easier comparison
appMode: false, // Whether running in browser or in AppMode/PhoneGap/Titanium.
tablet: "ipad" // If a tablet - tablet name or false for a phone.
}
});
</
script
>
</
body
>
</
html
>