Tiny-Control/index.html at master · IndieGoDev/Tiny-Control · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Tiny Control</title>
	<script src="control.js"></script>
</head>
<body>
	<script>
		Control.create =
		{ title:'CONTROL', theme:'SeaGreen', width:150, isEnable:true, items:[
			{ type:'group', label:'Varying', isEnable:true, items:[
				{ type:'slider', id:1, label:'Slider', unit:'px', fixed:0, step:2, min:1, max:10, value:5, isEnable:true },
				{ type:'check', id:2, label:'Check', value:true, isEnable:true },
				{ type:'text', id:3, label:'Text', holder:'here...', value:'', isEnable:true },
				{ type:'file', id:4, label:'Files', accept:'*', multiple:true, value:[], isEnable:true },
				{ type:'radio', id:5, label:'Radio', column:3, value:0, isEnable:true, items:['Value1','Value2','Value3'] },
				{ type:'dropdown', id:6, label:'Dropdown', value:0, isEnable:true, items:['Value1','Value2','Value3'] },
				{ type:'column', items:[
					{ type:'slider', id:7, label:'Slider2', unit:'px', fixed:1, step:0.2, min:0.0, max:1.0, value:0.5, isEnable:true },
					{ type:'check', id:8, label:'Check2', value:true, isActive:true, isEnable:true }
				]}
			]}
		]}
	</script>
</body>
</html>