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>  |