| 
									
										
										
										
											2013-07-11 16:17:21 +02:00
										 |  |  | <html>  | 
					
						
							|  |  |  | 	<head> | 
					
						
							|  |  |  | 	</head>  | 
					
						
							|  |  |  | 		<body> | 
					
						
							|  |  |  |             <div data-dojo-type="dijit/form/Form" id="fontEffectsPaneForm" data-dojo-id="fontEffectsPaneForm"> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-11-09 18:01:43 +01:00
										 |  |  | 				<h3 text-i18n="Style"></h3> | 
					
						
							| 
									
										
										
										
											2013-07-11 16:17:21 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | 			    <input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioBold" value="bold"/> | 
					
						
							| 
									
										
										
										
											2013-11-09 18:01:43 +01:00
										 |  |  | 			    <label text-i18n="Bold" for="radioBold"></label> <br/> | 
					
						
							| 
									
										
										
										
											2013-07-11 16:17:21 +02:00
										 |  |  | 			    <input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioItalic" value="italic"/> | 
					
						
							| 
									
										
										
										
											2013-11-09 18:01:43 +01:00
										 |  |  | 			    <label text-i18n="Italic" for="radioItalic"></label> <br/> | 
					
						
							| 
									
										
										
										
											2013-07-11 16:17:21 +02:00
										 |  |  | 			    <input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioUnderline" value="underline"/> | 
					
						
							| 
									
										
										
										
											2013-11-09 18:01:43 +01:00
										 |  |  | 			    <label text-i18n="Underline" for="radioUnderline"></label> <br/> | 
					
						
							| 
									
										
										
										
											2013-07-11 16:17:21 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-11-09 18:01:43 +01:00
										 |  |  | 			    <h3 text-i18n="Font"></h3> | 
					
						
							| 
									
										
										
										
											2013-07-11 16:17:21 +02:00
										 |  |  |                 <br> | 
					
						
							|  |  |  | 			    <div id = 'fontPicker' class="labeledSelect" style = "float: left;"> | 
					
						
							| 
									
										
										
										
											2013-11-09 18:01:43 +01:00
										 |  |  |                     <label text-i18n="Family" for="fontName"></label> | 
					
						
							| 
									
										
										
										
											2013-07-11 16:17:21 +02:00
										 |  |  |                 </div> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |             	<div style = "float: left; margin-left: 30px;"> | 
					
						
							| 
									
										
										
										
											2013-11-09 18:01:43 +01:00
										 |  |  | 					<label for="fontSize"><span text-i18n="Size"></span> (pt) </label> | 
					
						
							| 
									
										
										
										
											2013-07-11 16:17:21 +02:00
										 |  |  | 					<input data-dojo-type="dijit/form/NumberSpinner" id="fontSize" | 
					
						
							|  |  |  | 				    value="12" | 
					
						
							|  |  |  | 				    data-dojo-props="smallDelta:1, constraints:{min:6,max:96}" | 
					
						
							|  |  |  | 				    name="fontSize" | 
					
						
							|  |  |  | 				    /> | 
					
						
							|  |  |  | 				</div> | 
					
						
							|  |  |  | 				<br /><br /> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-11-09 18:01:43 +01:00
										 |  |  | 				<h3 text-i18n="Color"></h3> | 
					
						
							| 
									
										
										
										
											2013-07-11 16:17:21 +02:00
										 |  |  |                 <br> | 
					
						
							|  |  |  |                 <input data-dojo-type="dijit/form/TextBox" name = "color" id = "textColorTB" style="display: none;"/> | 
					
						
							|  |  |  |                 <div data-dojo-type="dijit/form/DropDownButton"> | 
					
						
							| 
									
										
										
										
											2013-11-09 18:01:43 +01:00
										 |  |  | 				    <span><span text-i18n="Text" id = "textColor"></span></span> | 
					
						
							| 
									
										
										
										
											2013-07-11 16:17:21 +02:00
										 |  |  | 				    <div data-dojo-type="dijit/TooltipDialog"> | 
					
						
							|  |  |  |                         <div data-dojo-type="dojox.widget.ColorPicker" id="textColorPicker"></div> | 
					
						
							|  |  |  | 				    </div> | 
					
						
							|  |  |  | 				</div> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |                 <input data-dojo-type="dijit/form/TextBox" name = "backgroundColor" id = "backgroundColorTB" style="display: none;"/> | 
					
						
							|  |  |  | 				<div data-dojo-type="dijit/form/DropDownButton"> | 
					
						
							| 
									
										
										
										
											2013-11-09 18:01:43 +01:00
										 |  |  | 				    <span><span text-i18n="Background" id = "backgroundColor"></span></span> | 
					
						
							| 
									
										
										
										
											2013-07-11 16:17:21 +02:00
										 |  |  | 				    <div data-dojo-type="dijit/TooltipDialog"> | 
					
						
							|  |  |  |                         <div data-dojo-type="dojox.widget.ColorPicker" id="backgroundColorPicker"></div> | 
					
						
							|  |  |  | 					</div> | 
					
						
							|  |  |  | 				</div> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 				<br /> <br /> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 				<div class="dialogPreviewBox" style="overflow: hidden;"> | 
					
						
							|  |  |  | 					<p id="previewText" style="margin: 0;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet diam vestibulum massa malesuada quis dignissim libero blandit. Duis sit amet volutpat nisl.</p> | 
					
						
							|  |  |  | 				</div> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 			</div> | 
					
						
							|  |  |  | 		</body>  | 
					
						
							|  |  |  | </html>  |