fontEffectsPane.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <div data-dojo-type="dijit/form/Form" id="fontEffectsPaneForm" data-dojo-id="fontEffectsPaneForm">
  6. <h3 text-i18n="Style"></h3>
  7. <input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioBold" value="bold"/>
  8. <label text-i18n="Bold" for="radioBold"></label> <br/>
  9. <input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioItalic" value="italic"/>
  10. <label text-i18n="Italic" for="radioItalic"></label> <br/>
  11. <input data-dojo-type="dijit/form/CheckBox" name="textStyle" id="radioUnderline" value="underline"/>
  12. <label text-i18n="Underline" for="radioUnderline"></label> <br/>
  13. <h3 text-i18n="Font"></h3>
  14. <br>
  15. <div id = 'fontPicker' class="labeledSelect" style = "float: left;">
  16. <label text-i18n="Family" for="fontName"></label>
  17. </div>
  18. <div style = "float: left; margin-left: 30px;">
  19. <label for="fontSize"><span text-i18n="Size"></span> (pt) </label>
  20. <input data-dojo-type="dijit/form/NumberSpinner" id="fontSize"
  21. value="12"
  22. data-dojo-props="smallDelta:1, constraints:{min:6,max:96}"
  23. name="fontSize"
  24. />
  25. </div>
  26. <br /><br />
  27. <h3 text-i18n="Color"></h3>
  28. <br>
  29. <input data-dojo-type="dijit/form/TextBox" name = "color" id = "textColorTB" style="display: none;"/>
  30. <div data-dojo-type="dijit/form/DropDownButton">
  31. <span><span text-i18n="Text" id = "textColor"></span></span>
  32. <div data-dojo-type="dijit/TooltipDialog">
  33. <div data-dojo-type="dojox.widget.ColorPicker" id="textColorPicker"></div>
  34. </div>
  35. </div>
  36. <input data-dojo-type="dijit/form/TextBox" name = "backgroundColor" id = "backgroundColorTB" style="display: none;"/>
  37. <div data-dojo-type="dijit/form/DropDownButton">
  38. <span><span text-i18n="Background" id = "backgroundColor"></span></span>
  39. <div data-dojo-type="dijit/TooltipDialog">
  40. <div data-dojo-type="dojox.widget.ColorPicker" id="backgroundColorPicker"></div>
  41. </div>
  42. </div>
  43. <br /> <br />
  44. <div class="dialogPreviewBox" style="overflow: hidden;">
  45. <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>
  46. </div>
  47. </div>
  48. </body>
  49. </html>