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