~vincent-vandevyvre/oqapy/3.0

« back to all changes in this revision

Viewing changes to helpviewer/docs/en_UK/printing.html

  • Committer: Vincent Vande Vyvre
  • Date: 2019-02-11 08:01:51 UTC
  • Revision ID: vincent.vandevyvre@oqapy.eu-20190211080151-3bdcfqvsxzvf1adx
Update the documentation

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
2
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
 
3
  <head>
 
4
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" version="1.0">
 
5
    <link rel=stylesheet type=text/css href="common.css">
 
6
  </head>
 
7
  <body>
 
8
    <div id="content">
 
9
      <h1>Impression</h1>
 
10
      <p>
 
11
      <p>The module <b>Printing</b> is callable from the <a href="globalMenu.html">Global menu</a>.</p>
 
12
      <div class="listLeftLarge">
 
13
        <h2>Preview</h2>
 
14
        <p style="margin-top:0px">The buttons <img src="medias/collapse_white_left.png" alt="collapse_white_left.png" width="12" height="14" /> et <img src="medias/collapse_white_right.png" alt="collapse_white_right.png" width="12" height="14" /> are used to browse the images in the current folder.</p>
 
15
        <p>Click on the button <img src="medias/add.png" alt="add.png" width="32" height="31" /> to add the current image into the layout.</p>
 
16
        <p>The buttons <img src="medias/left_arrow_20x20.png" alt="left_arrow_20x20.png" width="20" height="20" /> et <img src="medias/right_arrow_20x20.png" alt="right_arrow_20x20.png" width="20" height="20" /> are used to change the orientation of the image.</p>
 
17
      </div>
 
18
      <div class="listRight">
 
19
        <img src="medias/printing-preview.png" border="0" alt="printing-preview.png" width="330px" height="112px" />
 
20
      </div>
 
21
      <div><span class="clear"></span></div>
 
22
      <div class="listLeftLarge">
 
23
        <h2>Printer</h2>
 
24
        <p style="margin-top:0px">Choose a printer in the combo box, you can recall the layouting dialog with the button <img src="medias/settings.png" alt="settings.png" width="18" height="18" />.</p>
 
25
        <p>The options of paper size, orientation, color, resolution and number of copies can be selected separately.</p>
 
26
        <p>The option <b>File name</b> will be activated in case of printing to a PDF document.</p>
 
27
        <p>Click on the button <b>Print</b> to run the printing.</p>
 
28
      </div>
 
29
      <div class="listRight">
 
30
        <img src="medias/printing-printer.png" border="0" alt="printing-printer.png" width="332px" height="218px" />
 
31
      </div>
 
32
      <div><span class="clear"></span></div>
 
33
      <div class="listLeftLarge">
 
34
        <h2>Layouting</h2>
 
35
        <p style="margin-top:0px">At the right of the header bar the button <img src="medias/blank-sheet.svg" alt="blank-sheet.svg" width="24" height="24" /> remove all the content of the page to create a new layout.</p>
 
36
        <p>You can adjust more precisely the layouting in this tool box.</p>
 
37
        <p>Select an image into the page to activate the options.</p>
 
38
        <p>If you change the size of an image, click on the button <b>Apply</b> to see the changes.</p>
 
39
        <p>You can set the position of the image into the page with the predifined position or by changing the margin's values</p>
 
40
        <p>The image may be also moved and resized with the mouse.</p>
 
41
      </div>
 
42
      <div class="listRight">
 
43
        <img src="medias/printing-layout.png" border="0" alt="printing-layout.png" width="331px" height="332px" />
 
44
      </div>
 
45
      <div><span class="clear"></span></div>
 
46
      <div class="listLeftLarge">
 
47
        <h2>Alignment - Distribution</h2>
 
48
        <p style="margin-top:0px">The anchor is the first selected image.</p>
 
49
        <p>There is five options for the vertical alignment.</p>
 
50
        <div class="child">
 
51
            <table class="shortcuts">
 
52
            <tr>
 
53
                <td><img src="medias/_align_01.png" alt="align_01.png" width="16" height="28"/></td> 
 
54
                <td>Align right sides on the anchor's left side</td>
 
55
            </tr>
 
56
            <tr>
 
57
                <td><img src="medias/_align_02.png" alt="align_02.png" width="10" height="28"/></td> 
 
58
                <td>Align all left sides</td>
 
59
            </tr>
 
60
            <tr>
 
61
                <td><img src="medias/_align_03.png" alt="align_03.png" width="9" height="28"/></td> 
 
62
                <td>Align on the vertical symetry axis</td>
 
63
            </tr>
 
64
            <tr>
 
65
                <td><img src="medias/_align_04.png" alt="align_04.png" width="10" height="28"/></td> 
 
66
                <td>Align all right sides</td>
 
67
            </tr>
 
68
            <tr>
 
69
                <td><img src="medias/_align_05.png" alt="align_05.png" width="16" height="28"/></td> 
 
70
                <td>Align left sides on the anchor's right side</td>
 
71
            </tr>
 
72
            </table>
 
73
        </div>
 
74
        <p>There is five options for the horizontal alignment.</p>
 
75
        <div class="child">
 
76
            <table class="shortcuts">
 
77
            <tr>
 
78
                <td><img src="medias/_align_06.png" alt="align_06.png" width="28" height="16"/></td> 
 
79
                <td>Align bottom sides on the anchor's top side</td>
 
80
            </tr>
 
81
            <tr>
 
82
                <td><img src="medias/_align_07.png" alt="align_07.png" width="28" height="10"/></td> 
 
83
                <td>Align all top sides</td>
 
84
            </tr>
 
85
            <tr>
 
86
                <td><img src="medias/_align_08.png" alt="align_08.png" width="28" height="9"/></td> 
 
87
                <td>Align on the horizontal symetry axis</td>
 
88
            </tr>
 
89
            <tr>
 
90
                <td><img src="medias/_align_09.png" alt="align_09.png" width="28" height="10"/></td> 
 
91
                <td>Align all bottom sides</td>
 
92
            </tr>
 
93
            <tr>
 
94
                <td><img src="medias/_align_10.png" alt="align_10.png" width="28" height="16"/></td> 
 
95
                <td>Align top sides on the anchor's bottom side</td>
 
96
            </tr>
 
97
            </table>
 
98
        </div>
 
99
        <p>There is four option for the horizontal distribution.</p>
 
100
        <div class="child">
 
101
            <table class="shortcuts">
 
102
            <tr>
 
103
                <td><img src="medias/_dist_01.png" alt="dist_01.png" width="28" height="20"/></td> 
 
104
                <td>Same gap between left sides</td>
 
105
            </tr>
 
106
            <tr>
 
107
                <td><img src="medias/_dist_02.png" alt="dist_02.png" width="27" height="20"/></td> 
 
108
                <td>Same gap between center</td>
 
109
            </tr>
 
110
            <tr>
 
111
                <td><img src="medias/_dist_03.png" alt="dist_03.png" width="28" height="20"/></td> 
 
112
                <td>Same gap between right sides</td>
 
113
            </tr>
 
114
            <tr>
 
115
                <td><img src="medias/_dist_04.png" alt="dist_04.png" width="28" height="21"/></td> 
 
116
                <td>Same gap between items</td>
 
117
            </tr>
 
118
            </table>
 
119
        </div>
 
120
        <p>There is four option for the vertical distribution.</p>
 
121
        <div class="child">
 
122
            <table class="shortcuts">
 
123
            <tr>
 
124
                <td><img src="medias/_dist_05.png" alt="dist_05.png" width="20" height="28"/></td> 
 
125
                <td>Same gap between bottom sides</td>
 
126
            </tr>
 
127
            <tr>
 
128
                <td><img src="medias/_dist_06.png" alt="dist_06.png" width="27" height="20"/></td> 
 
129
                <td>Same gap between center</td>
 
130
            </tr>
 
131
            <tr>
 
132
                <td><img src="medias/_dist_07.png" alt="dist_07.png" width="28" height="20"/></td> 
 
133
                <td>Same gap between up sides</td>
 
134
            </tr>
 
135
            <tr>
 
136
                <td><img src="medias/_dist_08.png" alt="dist_08.png" width="20" height="27"/></td> 
 
137
                <td>Same gap between items</td>
 
138
            </tr>
 
139
            </table>
 
140
        </div>
 
141
      </div>
 
142
      <div class="listRight">
 
143
        <img src="medias/printing-alignment.png" border="0" alt="printing-alignment.png" width="328px" height="250px" />
 
144
      </div>
 
145
      <div><span class="clear"></span></div>
 
146
      <div><span class="clear"></span></div>
 
147
    </div>
 
148
  </body>
 
149
</html>