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