ref: master
plugins/web_odf/public/wodotexteditor-0.5.9/wodotexteditor/widgets/dialogWidgets/fontEffectsPane.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
<html> <head> </head> <body> <div data-dojo-type="dijit/form/Form" id="fontEffectsPaneForm" data-dojo-id="fontEffectsPaneForm"> <h3 text-i18n="Style"></h3> <input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioBold" value="bold"/> <label text-i18n="Bold" for="radioBold"></label> <br/> <input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioItalic" value="italic"/> <label text-i18n="Italic" for="radioItalic"></label> <br/> <input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioUnderline" value="underline"/> <label text-i18n="Underline" for="radioUnderline"></label> <br/> <h3 text-i18n="Font"></h3> <br> <div id = 'fontPicker' class="labeledSelect" style = "float: left;"> <label text-i18n="Family" for="fontName"></label> </div> <div style = "float: left; margin-left: 30px;"> <label for="fontSize"><span text-i18n="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"></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"></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"></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> |