DataControls.dcx

dabblet.css

/* DataControls.dcx */
table { border-collapse:collapse;
	font:100%/1.6 HelveticaNeue-Light,Segoe UI }

td { vertical-align:top; padding:0 .6em }
td[rowspan] { border:1px solid; border-width:1px 1px 0 0 }

dabblet.html

<table>
<caption> Data Controls </caption>

<tr><td rowspan=8> Application <td> reset <td rowspan=2> feature
	<tr>					<td> go to
	<tr>					<td rowspan=2> 		<td> default
	<tr>										<td> Springboard
	<tr>					<td> show <td rowspan=2> Navigation
	<tr>					<td> hide
	<tr>					<td> set 			<td> Badge
	<tr>					<td> get 			<td> Instance

<tr><td rowspan=10> Device <td> create <td rowspan=4> Contact
	<tr>					<td> remove
	<tr>					<td> find
	<tr>					<td> update
	<tr>					<td> display 		<td> File
	<tr>					<td> get 			<td> Picture
	<tr>					<td rowspan=2> send <td> Email
	<tr>										<td> SMS
	<tr>					<td> start <td> Location Monitor

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}