60 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			60 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <html> 
 | |
| 	<head>
 | |
| 	</head> 
 | |
| 		<body>
 | |
|             <div data-dojo-type="dijit/form/Form" id="alignmentPaneForm" data-dojo-id="alignmentPaneForm">
 | |
| 
 | |
| 				<h3 text-i18n="options">Options</h3>
 | |
| 
 | |
| 			    <input type="radio" data-dojo-type="dijit/form/RadioButton" name="textAlign" id="radioLeft" checked value="left"/>
 | |
| 			    <label text-i18n="left" for="radioLeft">Left</label> <br/>
 | |
| 			    <input type="radio" data-dojo-type="dijit/form/RadioButton" name="textAlign" id="radioCenter" value="center"/>
 | |
| 			    <label text-i18n="center" for="radioCenter">Center</label> <br/>
 | |
| 			    <input type="radio" data-dojo-type="dijit/form/RadioButton" name="textAlign" id="radioRight" value="right"/>
 | |
| 			    <label text-i18n="right" for="radioRight">Right</label> <br/>
 | |
| 			    <input type="radio" data-dojo-type="dijit/form/RadioButton" name="textAlign" id="radioJustified" value="justify"/>
 | |
| 			    <label text-i18n="justified" for="radioJustified">Justified</label> <br/>
 | |
| 				
 | |
| 				<h3><span text-i18n="spacing">Spacing</span> <small>(mm)</small></h3>
 | |
| 
 | |
| 				<div style = "margin-top: 10px;">
 | |
| 					<div style = "float: right; margin-right: 200px;">
 | |
| 						<label text-i18n="top" for="topMargin">Top</label>
 | |
| 						<input data-dojo-type="dijit/form/NumberSpinner" id="topMargin"
 | |
| 					    value="0"
 | |
| 					    data-dojo-props="smallDelta:1, constraints:{min:0,max:100}"
 | |
| 					    name="topMargin"
 | |
| 					    />
 | |
| 					</div>
 | |
|                     <br><br>
 | |
| 					<div style = "float: left;">
 | |
| 						<label text-i18n="left" for="leftMargin">Left</label>
 | |
| 						<input data-dojo-type="dijit/form/NumberSpinner" id="leftMargin"
 | |
| 					    value="0"
 | |
| 					    data-dojo-props="smallDelta:1, constraints:{min:0,max:100}"
 | |
| 					    name="leftMargin"
 | |
| 					    />
 | |
| 					</div>
 | |
| 					<div style = "float: right; margin-right: 50px;">
 | |
| 					    <label text-i18n="right" for="rightMargin">Right</label>
 | |
| 						<input data-dojo-type="dijit/form/NumberSpinner" id="rightMargin"
 | |
| 					    value="0"
 | |
| 					    data-dojo-props="smallDelta:1, constraints:{min:0,max:100}"
 | |
| 					    name="rightMargin"
 | |
| 					    />
 | |
| 					</div>
 | |
| 					<br/><br>
 | |
| 					<div style = "float: right; margin-right: 200px;">
 | |
| 						<label text-i18n="bottom" for="bottomMargin">Bottom</label>
 | |
| 						<input data-dojo-type="dijit/form/NumberSpinner" id="bottomMargin"
 | |
| 					    value="0"
 | |
| 					    data-dojo-props="smallDelta:1, constraints:{min:0,max:100}"
 | |
| 					    name="bottomMargin"
 | |
| 					    />
 | |
| 					</div>
 | |
| 				</div>
 | |
| 
 | |
| 			</div>
 | |
| 		</body> 
 | |
| </html> 
 |