63 lines
2.6 KiB
HTML
63 lines
2.6 KiB
HTML
<html>
|
|
<head>
|
|
</head>
|
|
<body>
|
|
<div data-dojo-type="dijit/form/Form" id="fontEffectsPaneForm" data-dojo-id="fontEffectsPaneForm">
|
|
|
|
<h3 text-i18n="style">Style</h3>
|
|
|
|
<input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioBold" value="bold"/>
|
|
<label text-i18n="bold" for="radioBold">Bold</label> <br/>
|
|
<input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioItalic" value="italic"/>
|
|
<label text-i18n="italic" for="radioItalic">Italic</label> <br/>
|
|
<input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioUnderline" value="underline"/>
|
|
<label text-i18n="underline" for="radioUnderline">Underline</label> <br/>
|
|
|
|
<h3 text-i18n="font">Font</h3>
|
|
<br>
|
|
<div id = 'fontPicker' class="labeledSelect" style = "float: left;">
|
|
<label text-i18n="family" for="fontName">Family:</label>
|
|
</div>
|
|
|
|
<div style = "float: left; margin-left: 30px;">
|
|
<label for="fontSize"><span text-i18n="size">Size</span> (pt) </label>
|
|
<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 />
|
|
|
|
<h3 text-i18n="color">Color</h3>
|
|
<br>
|
|
<input data-dojo-type="dijit/form/TextBox" name = "color" id = "textColorTB" style="display: none;"/>
|
|
<div data-dojo-type="dijit/form/DropDownButton">
|
|
<span><span text-i18n="text" id = "textColor">
|
|
Text
|
|
</span></span>
|
|
<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">
|
|
<span><span text-i18n="background" id = "backgroundColor">
|
|
Background
|
|
</span></span>
|
|
<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>
|