Skip to content

Instantly share code, notes, and snippets.

@jhpedemonte
Created July 2, 2013 18:24
Show Gist options
  • Save jhpedemonte/5911767 to your computer and use it in GitHub Desktop.
Save jhpedemonte/5911767 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>Untitled</title>
<script type="text/javascript" src="lib/dojo/dojo/dojo.js" data-dojo-config="'parseOnLoad':true,'async':true,'packages':[{'name':'maqetta','location':'../../maqetta'},{'name':'clipart','location':'../../clipart'},{'name':'shapes','location':'../../shapes'},{'name':'gridx','location':'../gridx'},{'name':'maqettaSamples','location':'../../../samples'},{'name':'zazl','location':'../../zazl'},{'name':'widgets','location':'../../custom'},{'name':'Buttonssss','location':'http://app.maqetta.org/maqetta/user/A/ws/workspace/project1/lib/custom/Buttonssss'},{'name':'foobar','location':'http://app.maqetta.org/maqetta/user/A/ws/workspace/project1/lib/custom/foobar'}],'themeMap':[['Android','',['themes/android/android.css']],['BlackBerry','',['themes/blackberry/blackberry.css']],['iPad','',['themes/ipad/ipad.css']],['iPhone','',['themes/iphone/iphone.css']],['.*','',['themes/iphone/iphone.css']]],'mblThemeFiles':[],'mblLoadCompatPattern':''"></script>
<script type="text/javascript">
require([
"dijit/dijit",
"dojo/parser",
"maqetta/space",
"maqetta/AppStates",
"dojox/mobile",
"dojox/mobile/deviceTheme",
"dojo/hash",
"dojox/mobile/Slider"
]);
</script>
<style>@import "themes/claro/claro.css";@import "app.css";
</style>
<script type="text/javascript" src="app.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"></meta>
</head>
<body data-maq-device="iphone" data-maq-flow-layout="true" data-maq-comptype="mobile" class="claro" data-maq-ws="collapse" id="myapp" data-maq-appstates="{}">
<div id="View_0" data-dojo-type="dojox/mobile/View" style="height: 100%;" selected="true">
<h1 label="Heading" data-dojo-type="dojox/mobile/Heading">
<div label="Next View" data-dojo-type="dojox/mobile/ToolBarButton" moveTo="View_1"></div>
</h1>
<ul data-dojo-type="dojox/mobile/EdgeToEdgeList">
<li data-dojo-type="dojox/mobile/ListItem">
<label style="display: inline-block;" class="mblListItemLabel">
Light 0</label>
<input type="range" data-dojo-type="dojox/mobile/Slider" orientation="H" style="display: inline-block; vertical-align: middle;"></input>
</li>
<li data-dojo-type="dojox/mobile/ListItem">
<label class="mblListItemLabel">
Light 1</label>
</li>
</ul>
</div>
<div id="View_1" data-dojo-type="dojox/mobile/View" style="height: 100%;">
<ul data-dojo-type="dojox/mobile/EdgeToEdgeList">
<li data-dojo-type="dojox/mobile/ListItem">
<label class="mblListItemLabel">
Light 0</label>
<input type="range" data-dojo-type="dojox/mobile/Slider" orientation="H" style="display: inline-block; vertical-align: middle;"></input>
</li>
<li data-dojo-type="dojox/mobile/ListItem">
<label class="mblListItemLabel">
Light 1</label>
</li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment