summaryrefslogtreecommitdiff
path: root/lib/viewers/odf/editor/widgets/dialogWidgets/fontEffectsPane.html
blob: 5a0c89971342c4364f0ee89e3fbde43212d5de3c (plain)
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
59
60
61
62
<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>