Help: remove unused files
This commit is contained in:
Julia Radzhabova
parent
517e85d232
commit
0192613da9
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 504 B |
Binary file not shown.
|
Before Width: | Height: | Size: 504 B |
|
|
@ -1,83 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Align and arrange objects on a slide</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Align and arrange text boxes, autoshapes, images and charts on a slide." />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Align and arrange objects on a slide</h1>
|
||||
<p>The added <b>autoshapes, images, charts</b> or <b>text boxes</b> can be aligned, grouped, ordered, distributed horizontally and vertically on a slide. To perform any of these actions, first select a separate object or several objects in the slide editing area. To select several objects, hold down the <b>Ctrl</b> key and left-click the necessary objects. To select a text box, click on its border, not the text within it. After that you can use either the icons at the <b>Home</b> tab of the top toolbar described below or the analogous options from the right-click menu.</p>
|
||||
|
||||
<h3>Align objects</h3>
|
||||
<p>To <b>align</b> <em>two or more</em> selected objects, </p>
|
||||
<ol>
|
||||
<li>
|
||||
Click the <b>Align shape</b> <img alt="Align shape icon" src="../images/alignshape.png" /> icon at the <b>Home</b> tab of the top toolbar and select one of the following options:
|
||||
<ul>
|
||||
<li><b>Align to Slide</b> to align objects relative to the edges of the slide,</li>
|
||||
<li><b>Align Selected Objects</b> (this option is selected by default) to align objects relative to each other,</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Click the <b>Align shape</b> <img alt="Align shape icon" src="../images/alignshape.png" /> icon once again and select the necessary alignment type from the list:
|
||||
<ul>
|
||||
<li><b>Align Left</b> <img alt="Align Left icon" src="../images/alignobjectleft.png" /> - to line up the objects horizontally by the left edge of the leftmost object/left edge of the slide,</li>
|
||||
<li><b>Align Center</b> <img alt="Align Center icon" src="../images/alignobjectcenter.png" /> - to line up the objects horizontally by their centers/center of the slide,</li>
|
||||
<li><b>Align Right</b> <img alt="Align Right icon" src="../images/alignobjectright.png" /> - to line up the objects horizontally by the right edge of the rightmost object/right edge of the slide,</li>
|
||||
<li><b>Align Top</b> <img alt="Align Top icon" src="../images/alignobjecttop.png" /> - to line up the objects vertically by the top edge of the topmost object/top edge of the slide,</li>
|
||||
<li><b>Align Middle</b> <img alt="Align Middle icon" src="../images/alignobjectmiddle.png" /> - to line up the objects vertically by their middles/middle of the slide,</li>
|
||||
<li><b>Align Bottom</b> <img alt="Align Bottom icon" src="../images/alignobjectbottom.png" /> - to line up the objects vertically by the bottom edge of the bottommost object/bottom edge of the slide.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<p>Alternatively, you can right-click the selected objects, choose the <b>Align</b> option from the contextual menu and then use one of the available alignment options.</p>
|
||||
<p>If you want to align a single object, it can be aligned relative to the edges of the slide. The <b>Align to Slide</b> option is selected by default in this case.</p>
|
||||
<h3>Distribute objects</h3>
|
||||
<p>To <b>distribute</b> <em>three or more</em> selected objects horizontally or vertically so that the equal distance appears between them, </p>
|
||||
<ol>
|
||||
<li>
|
||||
Click the <b>Align shape</b> <img alt="Align shape icon" src="../images/alignshape.png" /> icon at the <b>Home</b> tab of the top toolbar and select one of the following options:
|
||||
<ul>
|
||||
<li><b>Align to Slide</b> to distribute objects between the edges of the slide,</li>
|
||||
<li><b>Align Selected Objects</b> (this option is selected by default) to distribute objects between two outermost selected objects,</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Click the <b>Align shape</b> <img alt="Align shape icon" src="../images/alignshape.png" /> icon once again and select the necessary distribution type from the list:
|
||||
<ul>
|
||||
<li><b>Distribute Horizontally</b> <img alt="Distribute Horizontally icon" src="../images/distributehorizontally.png" /> - to distribute objects evenly between the leftmost and rightmost selected objects/left and right edges of the slide<!--to align the selected objects by their centers (from right to left edges) to the horizontal center of the page-->.</li>
|
||||
<li><b>Distribute Vertically</b> <img alt="Distribute Vertically icon" src="../images/distributevertically.png" /> - to distribute objects evenly between the topmost and bottommost selected objects/top and bottom edges of the slide<!--to align the selected objects by their centers (from top to bottom edges) to the vertical center of the page-->.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<p>Alternatively, you can right-click the selected objects, choose the <b>Align</b> option from the contextual menu and then use one of the available distribution options.</p>
|
||||
<p class="note"><b>Note</b>: the distribution options are disabled if you select less than three objects.</p>
|
||||
|
||||
<h3>Group objects</h3>
|
||||
<p>To <b>group</b> <em>two or more</em> selected objects or <b>ungroup</b> them, click the <b>Arrange shape</b> <img alt="Arrange shape icon" src="../images/arrangeshape.png" /> icon at the <b>Home</b> tab of the top toolbar and select the necessary option from the list:</p>
|
||||
<ul>
|
||||
<li><b>Group</b> <img alt="Group icon" src="../images/group.png" /> - to join several objects into a group so that they can be simultaneously rotated, moved, resized, aligned, arranged, copied, pasted, formatted like a single object.</li>
|
||||
<li><b>Ungroup</b> <img alt="Ungroup icon" src="../images/ungroup.png" /> - to ungroup the selected group of the previously joined objects.</li>
|
||||
</ul>
|
||||
<p>Alternatively, you can right-click the selected objects, choose the <b>Arrange</b> option from the contextual menu and then use the <b>Group</b> or <b>Ungroup</b> option.</p>
|
||||
<p class="note"><b>Note</b>: the <b>Group</b> option is disabled if you select less than two objects. The <b>Ungroup</b> option is available only when a group of the previously joined objects is selected.</p>
|
||||
<h3>Arrange objects</h3>
|
||||
<p>To <b>arrange</b> the selected object(s) (i.e. to change their order when several objects overlap each other), click the <b>Arrange shape</b> <img alt="Arrange shape icon" src="../images/arrangeshape.png" /> icon at the <b>Home</b> tab of the top toolbar and select the necessary arrangement type from the list.</p>
|
||||
<ul>
|
||||
<li><b>Bring To Foreground</b> <img alt="Bring To Foreground icon" src="../images/bringtofront.png" /> - to move the object(s) in front of all other objects,</li>
|
||||
<li><b>Send To Background</b> <img alt="Send To Background icon" src="../images/sendtoback.png" /> - to move the object(s) behind all other objects,</li>
|
||||
<li><b>Bring Forward</b> <img alt="Bring Forward icon" src="../images/bringforward.png" /> - to move the selected object(s) by one level forward as related to other objects.</li>
|
||||
<li><b>Send Backward</b> <img alt="Send Backward icon" src="../images/sendbackward.png" /> - to move the selected object(s) by one level backward as related to other objects.</li>
|
||||
</ul>
|
||||
<p>Alternatively, you can right-click the selected object(s), choose the <b>Arrange</b> option from the contextual menu and then use one of the available arrangement options.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Apply transitions</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Add animation effects between slides" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Apply transitions</h1>
|
||||
<p>A <b>transition</b> is an effect that appears between two slides when one slide advances to the next one during a demonstration. You can apply the same transition to all slides or apply different transitions to each separate slide and adjust the transition properties.</p>
|
||||
<p><b>To apply a transition to a single slide</b> or several selected slides:</p>
|
||||
<p><img class="floatleft"alt="Slide settings tab" src="../images/slidesettingstab.png" /></p>
|
||||
<ol style="margin-left: 280px;">
|
||||
<li>Select the necessary slide (or several slides in the slide list) you want to apply a transition to. The <b>Slide settings</b> tab will be activated on the right sidebar. To open it click the <b>Slide settings</b> <img alt="Slide settings icon" src="../images/slide_settings_icon.png" /> icon on the right. Alternatively, you can right-click a slide in the slide editing area and select the <b>Slide Settings</b> option from the contextual menu.
|
||||
</li>
|
||||
<li>In the <b>Effect</b> drop-down list, select the transition you want to use.
|
||||
<p>The following transitions are available: Fade, Push, Wipe, Split, Uncover, Cover, Clock, Zoom.</p>
|
||||
</li>
|
||||
<li>In the drop-down list below, select one of the available effect options. They define exactly how the effect appears. For example, if the Zoom transition is selected, the Zoom In, Zoom Out and Zoom and Rotate options are available.</li>
|
||||
<li>Specify how long you want the transition to last. In the <b>Duration</b> box, enter or select the necessary time value, measured in seconds.</li>
|
||||
<li>Press the <b>Preview</b> button to view the slide with the applied transition in the slide editing area.</li>
|
||||
<li>Specify how long you want the slide to be displayed until it advances to another one:
|
||||
<ul>
|
||||
<li><b>Start on click</b> – check this box if you don't want to restrict the time while the selected slide is being displayed. The slide will advance to another one only when you click on it with the mouse.</li>
|
||||
<li><b>Delay</b> – use this option if you want the selected slide to be displayed for a specified time until it advances to the next one. Check this box and enter or select the necessary time value, measured in seconds.
|
||||
<p class="note"><b>Note</b>: if you check only the <b>Delay</b> box, the slides will advance automatically in a specified time interval. If you check both the <b>Start on click</b> and the <b>Delay</b> boxes and set the delay value, the slides will advance automatically as well, but you will also be able to click a slide to advance from it to the next.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<p><b>To apply a transition to all the slides</b> in your presentation: perform the procedure described above and press the <b>Apply to All Slides</b> button.</p>
|
||||
<p><b>To delete a transition</b>: select the necessary slide and choose the <b>None</b> option in the <b>Effect</b> list.</p>
|
||||
<p><b>To delete all transitions</b>: select any slide, choose the <b>None</b> option in the <b>Effect</b> list and press the <b>Apply to All Slides</b> button.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Copy/clear formatting</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Copy/clear formatting within your presentation" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Copy/clear formatting</h1>
|
||||
<p>To copy a certain text formatting,</p>
|
||||
<ol>
|
||||
<li>select the text passage which formatting you need to copy with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a>,</li>
|
||||
<li>click the <b>Copy style</b> <img alt="Copy style" src="../images/copystyle.png" /> icon at the <b>Home</b> tab of the top toolbar (the mouse pointer will look like this <img alt="Mouse pointer while pasting style" src="../images/paste_style.png" />),</li>
|
||||
<li>select the text passage you want to apply the same formatting to.</li>
|
||||
</ol>
|
||||
<p>To apply the copied formatting to multiple text passages,</p>
|
||||
<ol>
|
||||
<li>select the text passage which formatting you need to copy with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a>,</li>
|
||||
<li>double-click the <b>Copy style</b> <img alt="Copy style" src="../images/copystyle.png" /> icon at the <b>Home</b> tab of the top toolbar (the mouse pointer will look like this <img alt="Mouse pointer while pasting style" src="../images/paste_style.png" /> and the <b>Copy style</b> icon will remain selected: <img alt="Multiple copying style" src="../images/copystyle_selected.png" />),</li>
|
||||
<li>select the necessary text passages one by one to apply the same formatting to each of them,</li>
|
||||
<li>to exit this mode, click the <b>Copy style</b> <img alt="Multiple copying style" src="../images/copystyle_selected.png" /> icon once again or press the <b>Esc</b> key on the keyboard.</li>
|
||||
</ol>
|
||||
<p>To quickly remove the formatting that you have applied to a text passage,</p>
|
||||
<ol>
|
||||
<li>select the text passage which formatting you want to remove,</li>
|
||||
<li>click the <b>Clear style</b> <img alt="Clear style" src="../images/clearstyle.png" /> icon at the <b>Home</b> tab of the top toolbar.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Copy/paste data, undo/redo your actions</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Perform the basic operations with the presentation: copy, paste, undo, redo" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Copy/paste data, undo/redo your actions</h1>
|
||||
<h3>Use basic clipboard operations</h3>
|
||||
<p>To cut, copy and paste selected objects (slides, text passages, autoshapes) in the current presentation or undo/redo your actions use the corresponding options from the right-click menu, or keyboard shortcuts, or icons available at any tab of the top toolbar:</p>
|
||||
<ul>
|
||||
<li><b>Cut</b> – select an object and use the <b>Cut</b> option from the right-click menu to delete the selection and send it to the computer clipboard memory. <span class="onlineDocumentFeatures">The cut data can be later inserted to another place in the same presentation.</span></li>
|
||||
<li><b>Copy</b> – select an object and use the <b>Copy</b> option from the right-click menu or the <b>Copy</b> <img alt="Copy icon" src="../images/copy.png" /> icon at the top toolbar to copy the selection to the computer clipboard memory. <span class="onlineDocumentFeatures">The copied object can be later inserted to another place in the same presentation.</span></li>
|
||||
<li><b>Paste</b> – find the place in your presentation where you need to paste the previously copied object and use the <b>Paste</b> option from the right-click menu or the <b>Paste</b> <img alt="Paste icon" src="../images/paste.png" /> icon at the top toolbar. The object will be inserted at the current cursor position. <span class="onlineDocumentFeatures">The object can be previously copied from the same presentation.</span></li>
|
||||
</ul>
|
||||
<p><span class="onlineDocumentFeatures">In the <em>online version</em>, the following key combinations are only used to copy or paste data from/into another presentation or some other program,</span> <span class="desktopDocumentFeatures">in the <em>desktop version</em>, both the corresponding buttons/menu options and key combinations can be used for any copy/paste operations:</span></p>
|
||||
<ul>
|
||||
<li><b>Ctrl+C</b> key combination for copying;</li>
|
||||
<li><b>Ctrl+V</b> key combination for pasting;</li>
|
||||
<li><b>Ctrl+X</b> key combination for cutting.</li>
|
||||
</ul>
|
||||
<h3>Use the Paste Special feature</h3>
|
||||
<p>Once the copied data is pasted, the <b>Paste Special</b> <img alt="Paste Special" src="../images/pastespecialbutton.png" /> button appears next to the inserted text passage/object. Click this button to select the necessary paste option. </p>
|
||||
<p>When pasting text passages, the following options are available:</p>
|
||||
<ul>
|
||||
<li><em>Use destination theme</em> - allows to apply the formatting specified by the theme of the current presentation. This option is used by default.</li>
|
||||
<li><em>Keep source formatting</em> - allows to keep the source formatting of the copied text.</li>
|
||||
<li><em>Picture</em> - allows to paste the text as an image so that it cannot be edited.</li>
|
||||
<li><em>Keep text only</em> - allows to paste the text without its original formatting.</li>
|
||||
</ul>
|
||||
<p><img alt="Paste options" src="../images/pastespecial.png" /></p>
|
||||
<p>When pasting objects (autoshapes, charts, tables) the following options are available:</p>
|
||||
<ul>
|
||||
<li><em>Use destination theme</em> - allows to apply the formatting specified by the theme of the current presentation. This option is used by default.</li>
|
||||
<li><em>Picture</em> - allows to paste the object as an image so that it cannot be edited.</li>
|
||||
</ul>
|
||||
<h3>Use the Undo/Redo operations</h3>
|
||||
<p>To perform the undo/redo operations, use the corresponding icons in the left part of the editor header or keyboard shortcuts:</p>
|
||||
<ul>
|
||||
<li><b>Undo</b> – use the <b>Undo</b> <img alt="Undo icon" src="../images/undo.png" /> icon to undo the last operation you performed.</li>
|
||||
<li>
|
||||
<b>Redo</b> – use the <b>Redo</b> <img alt="Redo icon" src="../images/redo.png" /> icon to redo the last undone operation.
|
||||
<p>You can also use the <b>Ctrl+Z</b> key combination for undoing or <b>Ctrl+Y</b> for redoing.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="note">
|
||||
<b>Note</b>: when you co-edit a presentation in the <b>Fast</b> mode, the possibility to <b>Redo</b> the last undone operation is not available.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Create lists</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Create bulleted and numbered lists in the document changing the lists outline" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Create lists</h1>
|
||||
<p>To create a list in your document,</p>
|
||||
<ol>
|
||||
<li>place the cursor to the position where a list will be started (this can be a new line or the already entered text),</li>
|
||||
<li>switch to the <b>Home</b> tab of the top toolbar,</li>
|
||||
<li>
|
||||
select the list type you would like to start:
|
||||
<ul>
|
||||
<li><b>Unordered list</b> with markers is created using the <b>Bullets</b> <img alt="Unordered List icon" src="../images/bullets.png" /> icon situated at the top toolbar</li>
|
||||
<li>
|
||||
<b>Ordered list</b> with digits or letters is created using the <b>Numbering</b> <img alt="Ordered List icon" src="../images/numbering.png" /> icon situated at the top toolbar
|
||||
<p class="note"><b>Note</b>: click the downward arrow next to the <b>Bullets</b> or <b>Numbering</b> icon to select how the list is going to look like.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>now each time you press the <b>Enter</b> key at the end of the line a new ordered or unordered list item will appear. To stop that, press the <b>Backspace</b> key and continue with the common text paragraph.</li>
|
||||
</ol>
|
||||
<p>You can also change the text indentation in the lists and their nesting using the <b>Decrease indent</b> <img alt="Decrease indent icon" src="../images/decreaseindent.png" />, and <b>Increase indent</b> <img alt="Increase indent icon" src="../images/increaseindent.png" /> icons at the <b>Home</b> tab of the top toolbar.</p>
|
||||
<p class="note"><b>Note</b>: the additional indentation and spacing parameters can be changed at the right sidebar and in the advanced settings window. To learn more about it, read the <a href="InsertText.htm" onclick="onhyperlinkclick(this)">Insert and format your text</a> section.</p>
|
||||
|
||||
<h3>Change the list settings</h3>
|
||||
<p>To change the bulleted or numbered list settings, such as a bullet type, size and color:</p>
|
||||
<ol>
|
||||
<li>click an existing list item or select the text you want to format as a list,</li>
|
||||
<li>click the <b>Bullets</b> <img alt="Unordered List icon" src="../images/bullets.png" /> or <b>Numbering</b> <img alt="Ordered List icon" src="../images/numbering.png" /> icon at the <b>Home</b> tab of the top toolbar,</li>
|
||||
<li>select the <b>List Settings</b> option,</li>
|
||||
<li>
|
||||
the <b>List Settings</b> window will open. The bulleted list settings window looks like this:
|
||||
<p><img alt="Bulleted List Settings window" src="../images/bulletedlistsettings.png" /></p>
|
||||
<p>The numbered list settings window looks like this:</p>
|
||||
<p><img alt="Numbered List Settings window" src="../images/orderedlistsettings.png" /></p>
|
||||
<p>For the bulleted list, you can choose a character used as a <b>bullet</b>, while for the numbered list you can choose what number the list <b>Starts at</b>. The <b>Size</b> and <b>Color</b> options are the same both for the bulleted and numbered lists.</p>
|
||||
<ul>
|
||||
<li><b>Size</b> - allows to select the necessary bullet/number size depending on the current size of the text. It can take a value from 25% to 400%.</li>
|
||||
<li><b>Color</b> - allows to select the necessary bullet/number color. You can select one of the <em>theme colors</em>, or <em>standard colors</em> on the palette, or specify a <em>custom</em> color.</li>
|
||||
<li><b>Bullet</b> - allows to select the necessary character used for the bulleted list. When you click on the <b>Bullet</b> field, the <b>Symbol</b> window opens that allows to choose one of the available characters. To learn more on how to work with symbols, you can refer to <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">this article</a>.</li>
|
||||
<li><b>Start at</b> - allows to select the nesessary sequence number a numbered list starts from.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>click <b>OK</b> to apply the changes and close the settings window.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,96 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Fill objects and select colors</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Fill the added objects with color, picture or texture, select colors for the slide background, autoshape fill and stroke, font." />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Fill objects and select colors</h1>
|
||||
<p>You can apply different fills for the slide, autoshape and Text Art font background.</p>
|
||||
<ol>
|
||||
<li>Select an object
|
||||
<ul>
|
||||
<li>To change the slide background fill, select the necessary slides in the slide list. The <img alt="Slide settings Icon" src="../images/slide_settings_icon.png" /> <b>Slide settings</b> tab will be activated at the the right sidebar.</li>
|
||||
<li>To change the autoshape fill, left-click the necessary autoshape. The <img alt="Shape settings Icon" src="../images/shape_settings_icon.png" /> <b>Shape settings</b> tab will be activated at the the right sidebar.</li>
|
||||
<li>To change the Text Art font fill, left-click the necessary text object. The <img alt="Text Art settings Icon" src="../images/textart_settings_icon.png" /> <b>Text Art settings</b> tab will be activated at the the right sidebar.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Set the necessary fill type</li>
|
||||
<li>Adjust the selected fill properties (see the detailed description below for each fill type)
|
||||
<p class="note"><b>Note</b>: for the autoshapes and Text Art font, regardless of the selected fill type, you can also set an <b>Opacity</b> level dragging the slider or entering the percent value manually. The default value is <b>100%</b>. It corresponds to the full opacity. The <b>0%</b> value corresponds to the full transparency.</p>
|
||||
</li>
|
||||
</ol>
|
||||
<p><b>The following fill types are available:</b></p>
|
||||
<ul>
|
||||
<li><b>Color Fill</b> - select this option to specify the solid color you want to fill the inner space of the selected shape/slide with.
|
||||
<p><img alt="Color Fill" src="../images/fill_color.png" /></p>
|
||||
<p>Click on the colored box below and select the necessary color from the available color sets or specify any color you like:</p>
|
||||
<p><img alt="Palettes" src="../images/palettes.png" /></p>
|
||||
<ul>
|
||||
<li><b>Theme Colors</b> - the colors that correspond to the selected theme/color scheme of the presentation. Once you apply a different theme or color scheme, the <b>Theme Colors</b> set will change.</li>
|
||||
<li><b>Standard Colors</b> - the default colors set.</li>
|
||||
<li><b>Custom Color</b> - click on this caption if there is no needed color in the available palettes. Select the necessary colors range moving the vertical color slider and set the specific color dragging the color picker within the large square color field. Once you select a color with the color picker, the appropriate RGB and sRGB color values will be displayed in the fields on the right. You can also specify a color on the base of the RGB color model entering the necessary numeric values into the <b>R</b>, <b>G</b>, <b>B</b> (Red, Green, Blue) fields or enter the sRGB hexadecimal code into the field marked with the <b>#</b> sign. The selected color appears in the <b>New</b> preview box. If the object was previously filled with any custom color, this color is displayed in the <b>Current</b> box so you can compare the original and modified colors. When the color is specified, click the <b>Add</b> button:
|
||||
<p><img alt="Palette - Custom Color" src="../images/palette_custom.png" /></p>
|
||||
<p>The custom color will be applied to your object and added to the <b>Custom color</b> palette of the menu.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="note"><b>Note</b>: just the same color types you can use when selecting the <b>color of the autoshape stroke</b>, adjusting the <b>font color</b>, or changing the <b>table background or border color</b>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<ul>
|
||||
<li><b>Gradient Fill</b> - select this option to fill the slide/shape with two colors which smoothly change from one to another.
|
||||
<p><img class="floatleft"alt="Gradient Fill" src="../images/fill_gradient.png" /></p>
|
||||
<ul style="margin-left: 280px;">
|
||||
<li><b>Style</b> - choose one of the available options: <b>Linear</b> (colors change in a straight line i.e. along a horizontal/vertical axis or diagonally at a 45 degree angle) or <b>Radial</b> (colors change in a circular path from the center to the edges).</li>
|
||||
<li><b>Direction</b> - choose a template from the menu. If the <b>Linear</b> gradient is selected, the following directions are available : top-left to bottom-right, top to bottom, top-right to bottom-left, right to left, bottom-right to top-left, bottom to top, bottom-left to top-right, left to right. If the <b>Radial</b> gradient is selected, only one template is available.</li>
|
||||
<li><b>Gradient</b> - click on the left slider <img alt="Slider" src="../images/gradientslider.png" /> under the gradient bar to activate the color box which corresponds to the first color. Click on the color box on the right to choose the first color in the palette. Drag the slider to set the gradient stop i.e. the point where one color changes into another. Use the right slider under the gradient bar to specify the second color and set the gradient stop.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<ul>
|
||||
<li><b>Picture or Texture</b> - select this option to use an image or a predefined texture as the shape/slide background.
|
||||
<p><img class="floatleft"alt="Picture or Texture Fill" src="../images/fill_picture.png" /></p>
|
||||
<ul style="margin-left: 280px;">
|
||||
<li>If you wish to use an image as a backgroung for the shape/slide, you can add an image <b>From File</b> selecting it on your computer HDD or <b>From URL</b> inserting the appropriate URL address in the opened window.
|
||||
</li>
|
||||
<li>If you wish to use a texture as a backgroung for the shape/slide, drop-down the <b>From Texture</b> menu and select the necessary texture preset.
|
||||
<p>Currently, the following textures are available: Canvas, Carton, Dark Fabric, Grain, Granite, Grey Paper, Knit, Leather, Brown Paper, Papyrus, Wood.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul style="margin-left: 280px;">
|
||||
<li>In case the selected <b>Picture</b> has less or more dimensions than the autoshape or slide has, you can choose the <b>Stretch</b> or <b>Tile</b> setting from the drop-down list.
|
||||
<p>The <b>Stretch</b> option allows to adjust the image size to fit the slide or autoshape size so that it could fill the space completely.</p>
|
||||
<p>The <b>Tile</b> option allows to display only a part of the bigger image keeping its original dimensions, or repeat the smaller image keeping its original dimensions over the slide or autoshape surface so that it could fill the space completely.</p>
|
||||
<p class="note"><b>Note</b>: any selected <b>Texture</b> preset fills the space completely, but you can apply the <b>Stretch</b> effect if necessary.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<ul>
|
||||
<li><b>Pattern</b> - select this option to fill the slide/shape with a two-colored design composed of regularly repeated elements.
|
||||
<p><img class="floatleft"alt="Pattern Fill" src="../images/fill_pattern.png" /></p>
|
||||
<ul style="margin-left: 280px;">
|
||||
<li><b>Pattern</b> - select one of the predefined designs from the menu.</li>
|
||||
<li><b>Foreground color</b> - click this color box to change the color of the pattern elements.</li>
|
||||
<li><b>Background color</b> - click this color box to change the color of the pattern background.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<ul>
|
||||
<li><b>No Fill</b> - select this option if you don't want to use any fill.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,213 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Insert and edit charts</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Add a chart to your presentation and adjust its properties" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Insert and edit charts</h1>
|
||||
<h3>Insert a chart</h3>
|
||||
<p><b>To insert a chart</b> into your presentation,</p>
|
||||
<ol>
|
||||
<li>put the cursor at the place where you want to add a chart,</li>
|
||||
<li>switch to the <b>Insert</b> tab of the top toolbar,</li>
|
||||
<li>click the <img alt="Chart icon" src="../images/insertchart.png" /> <b>Chart</b> icon at the top toolbar,</li>
|
||||
<li>select the needed chart type from the available ones - Column, Line, Pie, Bar, Area, XY (Scatter), Stock,
|
||||
<p class="note"><b>Note</b>: for <b>Column</b>, <b>Line</b>, <b>Pie</b>, or <b>Bar</b> charts, a 3D format is also available.</p>
|
||||
</li>
|
||||
<li>
|
||||
after that the <b>Chart Editor</b> window will appear where you can enter the necessary data into the cells using the following controls:
|
||||
<ul>
|
||||
<li><img alt="Copy" src="../images/copy.png" /> and <img alt="Paste" src="../images/paste.png" /> for copying and pasting the copied data</li>
|
||||
<li><img alt="Undo" src="../images/undo1.png" /> and <img alt="Redo" src="../images/redo1.png" /> for undoing and redoing actions</li>
|
||||
<li><img alt="Insert function" src="../images/insertfunction.png" /> for inserting a function</li>
|
||||
<li><img alt="Decrease decimal" src="../images/decreasedec.png" /> and <img alt="Increase decimal" src="../images/increasedec.png" /> for decreasing and increasing decimal places</li>
|
||||
<li><img alt="Number format" src="../images/numberformat.png" /> for changing the number format, i.e. the way the numbers you enter appear in cells</li>
|
||||
</ul>
|
||||
<p><img alt="Chart Editor window" src="../images/charteditor.png" /></p>
|
||||
</li>
|
||||
<li>
|
||||
change the chart settings clicking the <b>Edit Chart</b> button situated in the <b>Chart Editor</b> window. The <b>Chart - Advanced Settings</b> window will open.
|
||||
<p><img alt="Chart Settings window" src="../images/chartsettings.png" /></p>
|
||||
<p>The <b>Type & Data</b> tab allows you to select the chart type as well as the data you wish to use to create a chart.</p>
|
||||
<ul>
|
||||
<li>Select a chart <b>Type</b> you wish to insert: Column, Line, Pie, Bar, Area, XY (Scatter), Stock.</li>
|
||||
<li>Check the selected <b>Data Range</b> and modify it, if necessary, clicking the <b>Select Data</b> button and entering the desired data range in the following format: <em>Sheet1!A1:B4</em>.</li>
|
||||
<li>Choose the way to arrange the data. You can either select the <b>Data series</b> to be used on the X axis: <b>in rows</b> or <b>in columns</b>.</li>
|
||||
</ul>
|
||||
<p><img alt="Chart Settings window" src="../images/chartsettings2.png" /></p>
|
||||
<p>The <b>Layout</b> tab allows you to change the layout of chart elements.</p>
|
||||
<ul>
|
||||
<li>
|
||||
Specify the <b>Chart Title</b> position in regard to your chart selecting the necessary option from the drop-down list:
|
||||
<ul>
|
||||
<li><b>None</b> to not display a chart title,</li>
|
||||
<li><b>Overlay</b> to overlay and center a title on the plot area,</li>
|
||||
<li><b>No Overlay</b> to display the title above the plot area.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Specify the <b>Legend</b> position in regard to your chart selecting the necessary option from the drop-down list:
|
||||
<ul>
|
||||
<li><b>None</b> to not display a legend,</li>
|
||||
<li><b>Bottom</b> to display the legend and align it to the bottom of the plot area,</li>
|
||||
<li><b>Top</b> to display the legend and align it to the top of the plot area,</li>
|
||||
<li><b>Right</b> to display the legend and align it to the right of the plot area,</li>
|
||||
<li><b>Left</b> to display the legend and align it to the left of the plot area,</li>
|
||||
<li><b>Left Overlay</b> to overlay and center the legend to the left on the plot area,</li>
|
||||
<li><b>Right Overlay</b> to overlay and center the legend to the right on the plot area.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Specify the <b>Data Labels</b> (i.e. text labels that represent exact values of data points) parameters:<br />
|
||||
<ul>
|
||||
<li>specify the <b>Data Labels</b> position relative to the data points selecting the necessary option from the drop-down list. The available options vary depending on the selected chart type.
|
||||
<ul>
|
||||
<li>For <b>Column/Bar</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Inner Bottom</b>, <b>Inner Top</b>, <b>Outer Top</b>.</li>
|
||||
<li>For <b>Line/XY (Scatter)/Stock</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Left</b>, <b>Right</b>, <b>Top</b>, <b>Bottom</b>.</li>
|
||||
<li>For <b>Pie</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Fit to Width</b>, <b>Inner Top</b>, <b>Outer Top</b>.</li>
|
||||
<li>For <b>Area</b> charts as well as for <b>3D</b> <b>Column</b>, <b>Line</b> and <b>Bar</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>select the data you wish to include into your labels checking the corresponding boxes: <b>Series Name</b>, <b>Category Name</b>, <b>Value</b>,</li>
|
||||
<li>enter a character (comma, semicolon etc.) you wish to use for separating several labels into the <b>Data Labels Separator</b> entry field.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Lines</b> - is used to choose a line style for <b>Line/XY (Scatter) charts</b>. You can choose one of the following options: <b>Straight</b> to use straight lines between data points, <b>Smooth</b> to use smooth curves between data points, or <b>None</b> to not display lines.</li>
|
||||
<li>
|
||||
<b>Markers</b> - is used to specify whether the markers should be displayed (if the box is checked) or not (if the box is unchecked) for <b>Line/XY (Scatter) charts</b>.
|
||||
<p class="note"><b>Note</b>: the <b>Lines</b> and <b>Markers</b> options are available for <b>Line charts</b> and <b>XY (Scatter) charts</b> only.</p>
|
||||
</li>
|
||||
<li>
|
||||
The <b>Axis Settings</b> section allows to specify if you wish to display <b>Horizontal/Vertical Axis</b> or not selecting the <b>Show</b> or <b>Hide</b> option from the drop-down list. You can also specify <b>Horizontal/Vertical Axis Title</b> parameters:
|
||||
<ul>
|
||||
<li>
|
||||
Specify if you wish to display the <b>Horizontal Axis Title</b> or not selecting the necessary option from the drop-down list:
|
||||
<ul>
|
||||
<li><b>None</b> to not display a horizontal axis title,</li>
|
||||
<li><b>No Overlay</b> to display the title below the horizontal axis.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Specify the <b>Vertical Axis Title</b> orientation selecting the necessary option from the drop-down list:
|
||||
<ul>
|
||||
<li><b>None</b> to not display a vertical axis title,</li>
|
||||
<li><b>Rotated</b> to display the title from bottom to top to the left of the vertical axis,</li>
|
||||
<li><b>Horizontal</b> to display the title horizontally to the left of the vertical axis.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
The <b>Gridlines</b> section allows to specify which of the <b>Horizontal/Vertical Gridlines</b> you wish to display selecting the necessary option from the drop-down list: <b>Major</b>, <b>Minor</b>, or <b>Major and Minor</b>. You can hide the gridlines at all using the <b>None</b> option.
|
||||
<p class="note"><b>Note</b>: the <b>Axis Settings</b> and <b>Gridlines</b> sections will be disabled for <b>Pie charts</b> since charts of this type have no axes and gridlines.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p><img alt="Chart Settings window" src="../images/chartsettings3.png" /></p>
|
||||
<p class="note"><b>Note</b>: the <b>Vertical/Horizontal Axis</b> tabs will be disabled for <b>Pie charts</b> since charts of this type have no axes.</p>
|
||||
<p>The <b>Vertical Axis</b> tab allows you to change the parameters of the vertical axis also referred to as the values axis or y-axis which displays numeric values. Note that the vertical axis will be the category axis which displays text labels for the <b>Bar charts</b>, therefore in this case the <b>Vertical Axis</b> tab options will correspond to the ones described in the next section. For the <b>XY (Scatter) charts</b>, both axes are value axes.</p>
|
||||
<ul>
|
||||
<li>
|
||||
The <b>Axis Options</b> section allows to set the following parameters:
|
||||
<ul>
|
||||
<li><b>Minimum Value</b> - is used to specify a lowest value displayed at the vertical axis start. The <b>Auto</b> option is selected by default, in this case the minimum value is calculated automatically depending on the selected data range. You can select the <b>Fixed</b> option from the drop-down list and specify a different value in the entry field on the right.</li>
|
||||
<li><b>Maximum Value</b> - is used to specify a highest value displayed at the vertical axis end. The <b>Auto</b> option is selected by default, in this case the maximum value is calculated automatically depending on the selected data range. You can select the <b>Fixed</b> option from the drop-down list and specify a different value in the entry field on the right.</li>
|
||||
<li><b>Axis Crosses</b> - is used to specify a point on the vertical axis where the horizontal axis should cross it. The <b>Auto</b> option is selected by default, in this case the axes intersection point value is calculated automatically depending on the selected data range. You can select the <b>Value</b> option from the drop-down list and specify a different value in the entry field on the right, or set the axes intersection point at the <b>Minimum/Maximum Value</b> on the vertical axis.</li>
|
||||
<li><b>Display Units</b> - is used to determine a representation of the numeric values along the vertical axis. This option can be useful if you're working with great numbers and wish the values on the axis to be displayed in more compact and readable way (e.g. you can represent 50 000 as 50 by using the <b>Thousands</b> display units). Select desired units from the drop-down list: <b>Hundreds</b>, <b>Thousands</b>, <b>10 000</b>, <b>100 000</b>, <b>Millions</b>, <b>10 000 000</b>, <b>100 000 000</b>, <b>Billions</b>, <b>Trillions</b>, or choose the <b>None</b> option to return to the default units.</li>
|
||||
<li><b>Values in reverse order</b> - is used to display values in an opposite direction. When the box is unchecked, the lowest value is at the bottom and the highest value is at the top of the axis. When the box is checked, the values are ordered from top to bottom.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
The <b>Tick Options</b> section allows to adjust the appearance of tick marks on the vertical scale. Major tick marks are the larger scale divisions which can have labels displaying numeric values. Minor tick marks are the scale subdivisions which are placed between the major tick marks and have no labels. Tick marks also define where gridlines can be displayed, if the corresponding option is set at the <b>Layout</b> tab. The <b>Major/Minor Type</b> drop-down lists contain the following placement options:
|
||||
<ul>
|
||||
<li><b>None</b> to not display major/minor tick marks,</li>
|
||||
<li><b>Cross</b> to display major/minor tick marks on both sides of the axis,</li>
|
||||
<li><b>In</b> to display major/minor tick marks inside the axis,</li>
|
||||
<li><b>Out</b> to display major/minor tick marks outside the axis.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
The <b>Label Options</b> section allows to adjust the appearance of major tick mark labels which display values. To specify a <b>Label Position</b> in regard to the vertical axis, select the necessary option from the drop-down list:
|
||||
<ul>
|
||||
<li><b>None</b> to not display tick mark labels,</li>
|
||||
<li><b>Low</b> to display tick mark labels to the left of the plot area,</li>
|
||||
<li><b>High</b> to display tick mark labels to the right of the plot area,</li>
|
||||
<li><b>Next to axis</b> to display tick mark labels next to the axis.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p><img alt="Chart Settings window" src="../images/chartsettings4.png" /></p>
|
||||
<p>The <b>Horizontal Axis</b> tab allows you to change the parameters of the horizontal axis also referred to as the categories axis or x-axis which displays text labels. Note that the horizontal axis will be the value axis which displays numeric values for the <b>Bar charts</b>, therefore in this case the <b>Horizontal Axis</b> tab options will correspond to the ones described in the previous section. For the <b>XY (Scatter) charts</b>, both axes are value axes.</p>
|
||||
<ul>
|
||||
<li>
|
||||
The <b>Axis Options</b> section allows to set the following parameters:
|
||||
<ul>
|
||||
<li><b>Axis Crosses</b> - is used to specify a point on the horizontal axis where the vertical axis should cross it. The <b>Auto</b> option is selected by default, in this case the axes intersection point value is calculated automatically depending on the selected data range. You can select the <b>Value</b> option from the drop-down list and specify a different value in the entry field on the right, or set the axes intersection point at the <b>Minimum/Maximum Value</b> (that corresponds to the first and last category) on the horizontal axis.</li>
|
||||
<li><b>Axis Position</b> - is used to specify where the axis text labels should be placed: <b>On Tick Marks</b> or <b>Between Tick Marks</b>.</li>
|
||||
<li><b>Values in reverse order</b> - is used to display categories in an opposite direction. When the box is unchecked, categories are displayed from left to right. When the box is checked, the categories are ordered from right to left.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
The <b>Tick Options</b> section allows to adjust the appearance of tick marks on the horizontal scale. Major tick marks are the larger divisions which can have labels displaying category values. Minor tick marks are the smaller divisions which are placed between the major tick marks and have no labels. Tick marks also define where gridlines can be displayed, if the corresponding option is set at the <b>Layout</b> tab. You can adjust the following tick mark parameters:
|
||||
<ul>
|
||||
<li><b>Major/Minor Type</b> - is used to specify the following placement options: <b>None</b> to not display major/minor tick marks, <b>Cross</b> to display major/minor tick marks on both sides of the axis, <b>In</b> to display major/minor tick marks inside the axis, <b>Out</b> to display major/minor tick marks outside the axis.</li>
|
||||
<li><b>Interval between Marks</b> - is used to specify how many categories should be displayed between two adjacent tick marks.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
The <b>Label Options</b> section allows to adjust the appearance of labels which display categories.
|
||||
<ul>
|
||||
<li><b>Label Position</b> - is used to specify where the labels should be placed in regard to the horizontal axis. Select the necessary option from the drop-down list: <b>None</b> to not display category labels, <b>Low</b> to display category labels at the bottom of the plot area, <b>High</b> to display category labels at the top of the plot area, <b>Next to axis</b> to display category labels next to the axis.</li>
|
||||
<li><b>Axis Label Distance</b> - is used to specify how closely the labels should be placed to the axis. You can specify the necessary value in the entry field. The more the value you set, the more the distance between the axis and labels is.</li>
|
||||
<li><b>Interval between Labels</b> - is used to specify how often the labels should be displayed. The <b>Auto</b> option is selected by default, in this case labels are displayed for every category. You can select the <b>Manual</b> option from the drop-down list and specify the necessary value in the entry field on the right. For example, enter 2 to display labels for every other category etc.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p><img alt="Chart Settings window" src="../images/chartsettings5.png" /></p>
|
||||
<p>The <b>Alternative Text</b> tab allows to specify a <b>Title</b> and <b>Description</b> which will be read to the people with vision or cognitive impairments to help them better understand what information there is in the chart.</p>
|
||||
</li>
|
||||
<li>once the chart is added you can also <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">change its size and position</a>.
|
||||
<p>You can specify the <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">chart position</a> on the slide dragging it vertically or horizontally.</p>
|
||||
</li>
|
||||
</ol>
|
||||
<p>You can also add a chart into a text placeholder pressing the <img alt="Chart icon" src="../images/placeholder_chart.png" /> <b>Chart</b> icon within it and selecting the necessary chart type:</p>
|
||||
<p><img alt="Add chart to placeholder" src="../images/placeholder_object.png" /></p>
|
||||
<p>It's also possible to add a chart to a slide layout. To learn more, please refer to this <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">article</a>.</p>
|
||||
<hr />
|
||||
<h3>Edit chart elements</h3>
|
||||
<p>To edit the chart <b>Title</b>, select the default text with the mouse and type in your own one instead.</p>
|
||||
<p>To change the font formatting within text elements, such as the chart title, axes titles, legend entries, data labels etc., select the necessary text element by left-clicking it. Then use icons at the <b>Home</b> tab of the top toolbar to change the font <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">type, style, size, or color</a>.</p>
|
||||
<p>When the chart is selected, the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon is also available on the right, since a shape is used as a background for the chart. You can click this icon to open the <b>Shape settings</b> tab at the right sidebar and adjust the shape <a href="../UsageInstructions/InsertAutoshapes.htm#shape_fill" onclick="onhyperlinkclick(this)"><b>Fill</b></a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Stroke</b></a> and <b>Wrapping Style</b>. Note that you cannot change the shape type.</p>
|
||||
<p>
|
||||
Using the <b>Shape Settings</b> tab at the right panel you can not only adjust the chart area itself, but also change the chart elements, such as <em>plot area</em>, <em>data series</em>, <em>chart title</em>, <em>legend</em> etc and apply different fill types to them. Select the chart element clicking it with the left mouse button and choose the preferred fill type: <em>solid color</em>, <em>gradient</em>, <em>texture</em> or <em>picture</em>, <em>pattern</em>. Specify the fill parameters and set the <em>Opacity</em> level if necessary.
|
||||
When you select a vertical or horizontal axis or gridlines, the stroke settings are only available at the <b>Shape Settings</b> tab: <em>color</em>, <em>width</em> and <em>type</em>. For more details on how to work with shape colors, fills and stroke, you can refer to <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">this page</a>.
|
||||
</p>
|
||||
<p class="note"><b>Note</b>: the <b>Show shadow</b> option is also available at the <b>Shape settings</b> tab, but it is disabled for chart elements.</p>
|
||||
<p>To delete a chart element, select it by left-clicking and press the <b>Delete</b> key on the keyboard.</p>
|
||||
<p>You can also rotate 3D charts using the mouse. Left-click within the plot area and hold the mouse button. Drag the cursor without releasing the mouse button to change the 3D chart orientation.</p>
|
||||
<p><img alt="3D chart" src="../images/3dchart.png" /></p>
|
||||
<hr />
|
||||
<h3>Adjust chart settings</h3>
|
||||
<img class="floatleft"alt="Chart tab" src="../images/charttab.png" />
|
||||
<p>The chart size, type and style as well as data used to create the chart can be altered using the right sidebar. To activate it click the chart and choose the <b>Chart settings</b> <img alt="Chart settings icon" src="../images/chart_settings_icon.png" /> icon on the right.</p>
|
||||
<p>The <b>Size</b> section allows you to change the chart width and/or height. If the <b>Constant proportions</b> <img alt="Constant proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original chart aspect ratio.</p>
|
||||
<p>The <b>Change Chart Type</b> section allows you to change the selected chart type and/or style using the corresponding drop-down menu. </p>
|
||||
<p>To select the necessary chart <b>Style</b>, use the second drop-down menu in the <b>Change Chart Type</b> section.</p>
|
||||
<p>The <b>Edit Data</b> button allows you to open the <b>Chart Editor</b> window and start editing data as described above.</p>
|
||||
<p class="note"><b>Note</b>: to quickly open the 'Chart Editor' window you can also double-click the chart on the slide.</p>
|
||||
<p>The <b>Show advanced settings</b> option at the right sidebar allows to open the <b>Chart - Advanced Settings</b> window where you can set the alternative text:</p>
|
||||
<p><img alt="Chart Advanced Settings window" src="../images/chartsettings6.png" /></p>
|
||||
<hr />
|
||||
<p>To <b>delete</b> the inserted chart, left-click it and press the <b>Delete</b> key on the keyboard.</p>
|
||||
<p>To learn how to <b>align</b> a chart on the slide or <b>arrange</b> several objects, refer to the <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Align and arrange objects on a slide</a> section.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,98 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Insert and format tables</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Add a table to your presentation and adjust its properties" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Insert and format tables</h1>
|
||||
<h3>Insert a table</h3>
|
||||
<p>To insert a table onto a slide,</p>
|
||||
<ol>
|
||||
<li>select the slide where a table will be added,</li>
|
||||
<li>switch to the <b>Insert</b> tab of the top toolbar,</li>
|
||||
<li>click the <img alt="Table icon" src="../images/inserttable.png" /> <b>Table</b> icon at the top toolbar,</li>
|
||||
<li>select the option to create a table:
|
||||
<ul>
|
||||
<li><p>either a table with predefined number of cells (10 by 8 cells maximum)</p>
|
||||
<p>If you want to quickly add a table, just select the number of rows (8 maximum) and columns (10 maximum).</p></li>
|
||||
<li><p>or a custom table</p>
|
||||
<p>In case you need more than 10 by 8 cell table, select the <b>Insert Custom Table</b> option that will open the window where you can enter the necessary number of rows and columns respectively, then click the <b>OK</b> button.</p></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>once the table is added you can change its properties and position.</li>
|
||||
</ol>
|
||||
<p>You can also add a table into a text placeholder pressing the <img alt="Table icon" src="../images/placeholder_table.png" /> <b>Table</b> icon within it and selecting the necessary number of cells or using the <b>Insert Custom Table</b> option:</p>
|
||||
<p><img alt="Add table to placeholder" src="../images/placeholder_object.png" /></p>
|
||||
<p>To resize a table, drag the handles <img alt="Square icon" src="../images/resize_square.png" /> situated on its edges until the table reaches the necessary size.</p>
|
||||
<p><img alt="Resize table" src="../images/resizetable.png" /></p>
|
||||
<p>You can also manually change the width of a certain column or the height of a row. Move the mouse cursor over the right border of the column so that the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing column width" src="../images/changecolumnwidth.png" /> and drag the border to the left or right to set the necessary width. To change the height of a single row manually, move the mouse cursor over the bottom border of the row until the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing row height" src="../images/changerowheight.png" /> and drag it up or down.</p>
|
||||
<p>You can specify the <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">table position</a> on the slide dragging it vertically or horizontally.</p>
|
||||
<p class="note">
|
||||
<b>Note</b>: to move around in a table you can use <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithtables" onclick="onhyperlinkclick(this)">keyboard shortcuts</a>.
|
||||
</p>
|
||||
<p>It's also possible to add a table to a slide layout. To learn more, please refer to this <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">article</a>.</p>
|
||||
<hr />
|
||||
<h3>Adjust table settings</h3>
|
||||
<img class="floatleft"alt="Table settings tab" src="../images/tablesettingstab.png" />
|
||||
<p>Most of the table properties as well as its structure can be altered using the right sidebar. To activate it click the table and choose the <b>Table settings</b> <img alt="Table settings icon" src="../images/table_settings_icon.png" /> icon on the right.</p>
|
||||
<p>The <b>Rows</b> and <b>Columns</b> sections on the top allow you to emphasize certain rows/columns applying a specific formatting to them, or highlight different rows/columns with the different background colors to clearly distinguish them. The following options are available:</p>
|
||||
<ul style="margin-left: 280px;">
|
||||
<li><b>Header</b> - emphasizes the topmost row in the table with a special formatting.</li>
|
||||
<li><b>Total</b> - emphasizes the bottommost row in the table with a special formatting.</li>
|
||||
<li><b>Banded</b> - enables the background color alternation for odd and even rows.</li>
|
||||
<li><b>First</b> - emphasizes the leftmost column in the table with a special formatting.</li>
|
||||
<li><b>Last</b> - emphasizes the rightmost column in the table with a special formatting.</li>
|
||||
<li><b>Banded</b> - enables the background color alternation for odd and even columns.</li>
|
||||
</ul>
|
||||
<p>The <b>Select From Template</b> section allows you to choose one of the predefined tables styles. Each template combines certain formatting parameters, such as a background color, border style, row/column banding etc.
|
||||
Depending on the options checked in the <b>Rows</b> and/or <b>Columns</b> sections above, the templates set will be displayed differently. For example, if you've checked the <b>Header</b> option in the <b>Rows</b> section and the <b>Banded</b> option in the <b>Columns</b> section, the displayed templates list will include only templates with the header row and banded columns enabled:</p>
|
||||
<p><img alt="Templates list" src="../images/templateslist.png" /></p>
|
||||
<p>The <b>Borders Style</b> section allows you to change the applied formatting that corresponds to the selected template. You can select the entire table or a certain cells range you want to change the formatting for and set all the parameters manually.</p>
|
||||
<ul>
|
||||
<li><b>Border</b> parameters - set the border width using the <img alt="Border Size list" src="../images/bordersize.png" /> list (or choose the <b>No borders</b> option), select its <b>Color</b> in the available palettes and determine the way it will be displayed in the cells clicking on the icons:
|
||||
<p><img alt="Border Type icons" src="../images/bordertype.png" /></p>
|
||||
</li>
|
||||
<li><b>Background color</b> - select the color for the background within the selected cells.</li>
|
||||
</ul>
|
||||
<p>The <b>Rows & Columns</b> <img alt="Rows & Columns" src="../images/rowsandcolumns.png" /> section allows you to perform the following operations:</p>
|
||||
<ul>
|
||||
<li><b>Select</b> a row, column, cell (depending on the cursor position), or the entire table.</li>
|
||||
<li><b>Insert</b> a new row above or below the selected one as well as a new column to the left or to the right of the selected one.</li>
|
||||
<li><b>Delete</b> a row, column (depending on the cursor position or the selection), or the entire table.</li>
|
||||
<li><b>Merge Cells</b> - to merge previously selected cells into a single one.</li>
|
||||
<li><b>Split Cell...</b> - to split any previously selected cell into a certain number of rows and columns. This option opens the following window:
|
||||
<p><img alt="Split Cells window" src="../images/split_cells.png" /></p>
|
||||
<p>Enter the <b>Number of Columns</b> and <b>Number of Rows</b> that the selected cell should be split into and press <b>OK</b>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="note"><b>Note</b>: the options of the <b>Rows & Columns</b> section are also accessible from the <b>right-click menu</b>.</p>
|
||||
<p>The <b>Cell Size</b> section is used to adjust the width and height of the currently selected cell. In this section, you can also <b>Distribute rows</b> so that all the selected cells have equal height or <b>Distribute columns</b> so that all the selected cells have equal width. The <b>Distribute rows/columns</b> options are also accessible from the <b>right-click menu</b>.</p>
|
||||
<hr />
|
||||
<h3>Adjust table advanced settings</h3>
|
||||
<p>To change the advanced table settings, click the table with the right mouse button and select the <b>Table Advanced Settings</b> option from the right-click menu or click the <b>Show advanced settings</b> link at the right sidebar. The table properties window will be opened:</p>
|
||||
<p><img alt="Table Properties" src="../images/table_properties.png" /></p>
|
||||
<p>The <b>Margins</b> tab allows to set the space between the text within the cells and the cell border:</p>
|
||||
<ul>
|
||||
<li>enter necessary <b>Cell Margins</b> values manually, or</li>
|
||||
<li>check the <b>Use default margins</b> box to apply the predefined values (if necessary, they can also be adjusted).</li>
|
||||
</ul>
|
||||
<p><img alt="Table Properties" src="../images/table_properties1.png" /></p>
|
||||
<p>The <b>Alternative Text</b> tab allows to specify a <b>Title</b> and <b>Description</b> which will be read to the people with vision or cognitive impairments to help them better understand what information there is in the table.</p>
|
||||
<hr />
|
||||
<p>To <b>format the entered text</b> within the table cells, you can use <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">icons at the <b>Home</b> tab of the top toolbar</a>. The <b>right-click menu</b> that appears when you click the table with the right mouse button includes two additional options: </p>
|
||||
<ul>
|
||||
<li><b>Cell vertical alignment</b> - it allows you to set the preferred type of the text vertical alignment within the selected cells: <b>Align Top</b>, <b>Align Center</b>, or <b>Align Bottom</b>.</li>
|
||||
<li><b>Hyperlink</b> - it allows you to insert a hyperlink into the selected cell.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,222 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Insert and format your text</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Insert and Format your Text" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Insert and format your text</h1>
|
||||
<h3>Insert your text</h3>
|
||||
<p>You can add a new text in three different ways:</p>
|
||||
<ul>
|
||||
<li>Add a text passage within the corresponding text placeholder provided on the slide layout. To do that just put the cursor within the placeholder and type in your text or paste it using the <b>Ctrl+V</b> key combination in place of the according default text.</li>
|
||||
<li>Add a text passage anywhere on a slide. You can insert a text box (a rectangular frame that allows to enter text within it) or a Text Art object (a text box with a predefined font style and color that allows to apply some text effects). Depending on the necessary text object type you can do the following:
|
||||
<ul>
|
||||
<li>
|
||||
to add a text box, click the <img alt="Text Box icon" src="../images/inserttexticon.png" /> <b>Text Box</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar, then click where you want to insert the text box, hold the mouse button and drag the text box border to specify its size. When you release the mouse button, the insertion point will appear in the added text box, allowing you to enter your text.
|
||||
<p class="note"><b>Note</b>: it's also possible to insert a text box by clicking the <img alt="Shape icon" src="../images/insertautoshape.png" /> <b>Shape</b> icon at the top toolbar and selecting the <img alt="Insert Text autoshape" src="../images/text_autoshape.png" /> shape from the <b>Basic Shapes</b> group.</p>
|
||||
</li>
|
||||
<li>to add a Text Art object, click the <img alt="Text Art icon" src="../images/inserttextarticon.png" /> <b>Text Art</b> icon at the <b>Insert</b> tab of the top toolbar, then click on the desired style template – the Text Art object will be added in the center of the slide. Select the default text within the text box with the mouse and replace it with your own text.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Add a text passage within an autoshape. Select a shape and start typing your text.</li>
|
||||
</ul>
|
||||
<p>Click outside of the text object to apply the changes and return to the slide.</p>
|
||||
<p>The text within the text object is a part of the latter (when you move or rotate the text object, the text moves or rotates with it).</p>
|
||||
<p>As an inserted text object represents a rectangular frame (it has invisible text box borders by default) with text in it and this frame is a common autoshape, you can change both the shape and text properties.</p>
|
||||
<p>To delete the added text object, click on the text box border and press the <b>Delete</b> key on the keyboard. The text within the text box will also be deleted.</p>
|
||||
<h3>Format a text box</h3>
|
||||
<p>Select the text box clicking on its border to be able to change its properties. When the text box is selected, its borders are displayed as solid (not dashed) lines.</p>
|
||||
<p><img alt="Text box selected" src="../images/textbox_boxselected.png" /></p>
|
||||
<ul>
|
||||
<li>to <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">resize, move, rotate</a> the text box use the special handles on the edges of the shape.</li>
|
||||
<li>to edit the text box <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">stroke</a>, <b>replace</b> the rectangular box with a different shape, or access the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shape advanced settings</a>, click the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon on the right sidebar and use the corresponding options.</li>
|
||||
<li>to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">align a text box on the slide, rotate or flip it, arrange</a> text boxes as related to other objects, right-click on the text box border and use the contextual menu options.</li>
|
||||
<li>to create <b>columns of text</b> within the text box, right-click on the text box border, click the <b>Shape Advanced Settings</b> option and switch to the <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Columns</b></a> tab in the <b>Shape - Advanced Settings</b> window.</li>
|
||||
</ul>
|
||||
<h3 id="formattext">Format the text within the text box</h3>
|
||||
<p>Click the text within the text box to be able to change its properties. When the text is selected, the text box borders are displayed as dashed lines.</p>
|
||||
<p><img alt="Text selected" src="../images/textbox_textselected.png" /></p>
|
||||
<p class="note"><b>Note</b>: it's also possible to change text formatting when the text box (not the text itself) is selected. In such a case, any changes will be applied to all the text within the text box. Some font formatting options (font type, size, color and decoration styles) can be applied to a previously selected portion of the text separately.</p>
|
||||
<p><b>Align your text within the text box</b></p>
|
||||
<p>The text is aligned horizontally in four ways: left, right, center or justified. To do that:</p>
|
||||
<ol>
|
||||
<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
|
||||
<li>drop-down the <b>Horizontal align</b> <img alt="Horizontal align icon" src="../images/horizontalalign.png" /> list at the <b>Home</b> tab of the top toolbar,</li>
|
||||
<li>select the alignment type you would like to apply:
|
||||
<ul>
|
||||
<li>the <b>Align text left</b> option <img alt="Align Left icon" src="../images/alignleft.png" /> allows you to line up your text by the left side of the text box (the right side remains unaligned).</li>
|
||||
<li>the <b>Align text center</b> option <img alt="Align Center icon" src="../images/aligncenter.png" /> allows you to line up your text by the center of the text box (the right and the left sides remains unaligned).</li>
|
||||
<li>the <b>Align text right</b> option <img alt="Align Right icon" src="../images/alignright.png" /> allows you to line up your text by the right side of the text box (the left side remains unaligned).</li>
|
||||
<li>the <b>Justify</b> option <img alt="Justify icon" src="../images/justify.png" /> allows you to line up your text by both the left and the right sides of the text box (additional spacing is added where necessary to keep the alignment).</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<p class="note"><b>Note</b>: these parameters can also be found in the <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Paragraph - Advanced Settings</b></a> window.</p>
|
||||
<p>The text is aligned vertically in three ways: top, middle or bottom. To do that:</p>
|
||||
<ol>
|
||||
<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
|
||||
<li>drop-down the <b>Vertical align</b> <img alt="Vertical align icon" src="../images/verticalalign.png" /> list at the <b>Home</b> tab of the top toolbar,</li>
|
||||
<li>select the alignment type you would like to apply:
|
||||
<ul>
|
||||
<li>the <b>Align text to the top</b> option <img alt="Align Top icon" src="../images/aligntop.png" /> allows you to line up your text by the top of the text box.</li>
|
||||
<li>the <b>Align text to the middle</b> option <img alt="Align Middle icon" src="../images/alignmiddle.png" /> allows you to line up your text by the center of the text box.</li>
|
||||
<li>the <b>Align text to the bottom</b> option <img alt="Align Bottom icon" src="../images/alignbottom.png" /> allows you to line up your text by the bottom of the text box.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<hr />
|
||||
<p><b>Change the text direction</b></p>
|
||||
<p>To <b>Rotate</b> the text within the text box, right-click the text, select the <b>Text Direction</b> option and then choose one of the available options: <b>Horizontal</b> (is selected by default), <b>Rotate Text Down</b> (sets a vertical direction, from top to bottom) or <b>Rotate Text Up</b> (sets a vertical direction, from bottom to top).</p>
|
||||
<hr />
|
||||
<p id="formatfont"><b>Adjust font type, size, color and apply decoration styles</b></p>
|
||||
<p>You can select the font type, its size and color as well as apply various font decoration styles using the corresponding icons situated at the <b>Home</b> tab of the top toolbar.</p>
|
||||
<p class="note"><b>Note</b>: in case you want to apply the formatting to the text already present in the presentation, select it with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a> and apply the formatting.</p>
|
||||
<table>
|
||||
<tr>
|
||||
<td width="10%">Font</td>
|
||||
<td width="15%"><img alt="Font" src="../images/fontfamily.png" /></td>
|
||||
<td>Is used to select one of the fonts from the list of the available ones. <span class="desktopDocumentFeatures">If a required font is not available in the list, you can download and install it on your operating system, after that the font will be available for use in the <em>desktop version</em>.</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Font size</td>
|
||||
<td><img alt="Font size" src="../images/fontsize.png" /></td>
|
||||
<td>Is used to select among the preset font size values from the dropdown list (the default values are: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 and 96). It's also possible to manually enter a custom value to the font size field and then press <em>Enter</em>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Font color</td>
|
||||
<td><img alt="Font color" src="../images/fontcolor.png" /></td>
|
||||
<td>Is used to change the color of the letters/characters in the text. Click the downward arrow next to the icon to <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">select the color</a>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Bold</td>
|
||||
<td><img alt="Bold" src="../images/bold.png" /></td>
|
||||
<td>Is used to make the font bold giving it more weight.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Italic</td>
|
||||
<td><img alt="Italic" src="../images/italic.png" /></td>
|
||||
<td>Is used to make the font italicized giving it some right side tilt.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Underline</td>
|
||||
<td><img alt="Underline" src="../images/underline.png" /></td>
|
||||
<td>Is used to make the text underlined with the line going under the letters.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Strikeout</td>
|
||||
<td><img alt="Strikeout" src="../images/strike.png" /></td>
|
||||
<td>Is used to make the text struck out with the line going through the letters.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Superscript</td>
|
||||
<td><img alt="Superscript" src="../images/sup.png" /></td>
|
||||
<td>Is used to make the text smaller and place it to the upper part of the text line, e.g. as in fractions.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Subscript</td>
|
||||
<td><img alt="Subscript" src="../images/sub.png" /></td>
|
||||
<td>Is used to make the text smaller and place it to the lower part of the text line, e.g. as in chemical formulas.</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p><b>Set line spacing and change paragraph indents</b></p>
|
||||
<p>You can set the line height for the text lines within the paragraph as well as the margins between the current and the preceding or the subsequent paragraph.</p>
|
||||
<p><img class="floatleft"alt="Text Settings tab" src="../images/textsettingstab.png" /></p>
|
||||
<p>To do that,</p>
|
||||
<ol style="margin-left: 280px;">
|
||||
<li>put the cursor within the paragraph you need, or select several paragraphs with the mouse,</li>
|
||||
<li>use the corresponding fields of the <img alt="Text settings Icon" src="../images/text_settings_icon.png" /> <b>Text settings</b> tab at the right sidebar to achieve the desired results:
|
||||
<ul>
|
||||
<li><b>Line Spacing</b> - set the line height for the text lines within the paragraph. You can select among three options: <b>at least</b> (sets the minimum line spacing that is needed to fit the largest font or graphic on the line), <b>multiple</b> (sets line spacing that can be expressed in numbers greater than 1), <b>exactly</b> (sets fixed line spacing). You can specify the necessary value in the field on the right.</li>
|
||||
<li><b>Paragraph Spacing</b> - set the amount of space between paragraphs.
|
||||
<ul>
|
||||
<li><b>Before</b> - set the amount of space before the paragraph.</li>
|
||||
<li><b>After</b> - set the amount of space after the paragraph.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<p class="note"><b>Note</b>: these parameters can also be found in the <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Paragraph - Advanced Settings</b></a> window.</p>
|
||||
<p>To quickly change the current paragraph line spacing, you can also use the <b>Line spacing</b> <img alt="Line spacing" src="../images/linespacing.png" /> icon at the <b>Home</b> tab of the top toolbar selecting the needed value from the list: 1.0, 1.15, 1.5, 2.0, 2.5, or 3.0 lines.</p>
|
||||
<p>To change the paragraph offset from the left side of the text box, put the cursor within the paragraph you need, or select several paragraphs with the mouse and use the respective icons at the <b>Home</b> tab of the top toolbar: <b>Decrease indent</b> <img alt="Decrease indent" src="../images/decreaseindent.png" /> and <b>Increase indent</b> <img alt="Increase indent" src="../images/increaseindent.png" />.</p>
|
||||
<h3 id="textadvancedsettings">Adjust paragraph advanced settings</h3>
|
||||
<p>To open the <b>Paragraph - Advanced Settings</b> window, right-click the text and choose the <b>Text Advanced Settings</b> option from the menu. It's also possible to put the cursor within the paragraph you need - the <img alt="Text settings Icon" src="../images/text_settings_icon.png" /> <b>Text settings</b> tab will be activated at the right sidebar. Press the <b>Show advanced settings</b> link. The paragraph properties window will be opened:</p>
|
||||
<img alt="Paragraph Properties - Indents & Spacing tab" src="../images/textadvancedsettings1.png" />
|
||||
<p>The <b>Indents & Spacing</b> tab allows to:</p>
|
||||
<ul>
|
||||
<li>change the <b>alignment</b> type for the paragraph text,</li>
|
||||
<li>change the paragraph <b>indents</b> as related to <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins" onclick="onhyperlinkclick(this)">internal margins</a> of the text box,
|
||||
<ul>
|
||||
<li><b>Left</b> - set the paragraph offset from the <b>left</b> internal margin of the text box specifying the necessary numeric value,</li>
|
||||
<li><b>Right</b> - set the paragraph offset from the <b>right</b> internal margin of the text box specifying the necessary numeric value,</li>
|
||||
<li><b>Special</b> - set an indent for the <b>first line</b> of the paragraph: select the corresponding menu item (<b>(none)</b>, <b>First line</b>, <b>Hanging</b>) and change the default numeric value specified for <b>First Line</b> or <b>Hanging</b>,</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>change the paragraph <b>line spacing</b>.</li>
|
||||
</ul>
|
||||
<p>You can also use the horizontal <b>ruler</b> to set indents.</p>
|
||||
<img alt="Ruler - Indent markers" src="../images/indents_ruler.png" />
|
||||
<p>Select the necessary paragraph(s) and drag the indent markers along the ruler.</p>
|
||||
<ul>
|
||||
<li><b>First Line Indent</b> marker <img alt="First Line Indent marker" src="../images/firstline_indent.png" /> is used to set the offset from the left internal margin of the text box for the first line of the paragraph.</li>
|
||||
<li><b>Hanging Indent</b> marker <img alt="Hanging Indent marker" src="../images/hanging.png" /> is used to set the offset from the left internal margin of the text box for the second and all the subsequent lines of the paragraph.</li>
|
||||
<li><b>Left Indent</b> marker <img alt="Left Indent marker" src="../images/leftindent.png" /> is used to set the entire paragraph offset from the left internal margin of the text box.</li>
|
||||
<li><b>Right Indent</b> marker <img alt="Right Indent marker" src="../images/right_indent.png" /> is used to set the paragraph offset from the right internal margin of the text box.</li>
|
||||
</ul>
|
||||
<p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
|
||||
<img alt="Paragraph Properties - Font tab" src="../images/textadvancedsettings2.png" />
|
||||
<p>The <b>Font</b> tab contains the following parameters:</p>
|
||||
<ul>
|
||||
<li><b>Strikethrough</b> is used to make the text struck out with the line going through the letters.</li>
|
||||
<li><b>Double strikethrough</b> is used to make the text struck out with the double line going through the letters.</li>
|
||||
<li><b>Superscript</b> is used to make the text smaller and place it to the upper part of the text line, e.g. as in fractions.</li>
|
||||
<li><b>Subscript</b> is used to make the text smaller and place it to the lower part of the text line, e.g. as in chemical formulas.</li>
|
||||
<li><b>Small caps</b> is used to make all letters lower case.</li>
|
||||
<li><b>All caps</b> is used to make all letters upper case.</li>
|
||||
<li><b>Character Spacing</b> is used to set the space between the characters. Increase the default value to apply the <b>Expanded</b> spacing, or decrease the default value to apply the <b>Condensed</b> spacing. Use the arrow buttons or enter the necessary value in the box.
|
||||
<p>All the changes will be displayed in the preview field below.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<img alt="Paragraph Properties - Tab tab" src="../images/textadvancedsettings3.png" />
|
||||
<p>The <b>Tab</b> tab allows to change tab stops i.e. the position the cursor advances to when you press the <b>Tab</b> key on the keyboard.</p>
|
||||
<ul>
|
||||
<li><b>Default Tab</b> is set at 2.54 cm. You can decrease or increase this value using the arrow buttons or enter the necessary one in the box.</li>
|
||||
<li><b>Tab Position</b> - is used to set custom tab stops. Enter the necessary value in this box, adjust it more precisely using the arrow buttons and press the <b>Specify</b> button. Your custom tab position will be added to the list in the field below.</li>
|
||||
<li><b>Alignment</b> - is used to set the necessary alignment type for each of the tab positions in the list above. Select the necessary tab position in the list, choose the <b>Left</b>, <b>Center</b> or <b>Right</b> option from the <b>Alignment</b> drop-down list and press the <b>Specify</b> button.
|
||||
<ul>
|
||||
<li><b>Left</b> - lines up your text by the left side at the tab stop position; the text moves to the right from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Left Tab Stop marker" src="../images/tabstopleft_marker.png" /> marker.</li>
|
||||
<li><b>Center</b> - centres the text at the tab stop position. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Center Tab Stop marker" src="../images/tabstopcenter_marker.png" /> marker.</li>
|
||||
<li><b>Right</b> - lines up your text by the right side at the tab stop position; the text moves to the left from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Right Tab Stop marker" src="../images/tabstopright_marker.png" /> marker.</li>
|
||||
</ul>
|
||||
<p>To delete tab stops from the list select a tab stop and press the <b>Remove</b> or <b>Remove All</b> button.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>To set tab stops you can also use the horizontal ruler:</p>
|
||||
<ol>
|
||||
<li>Click the tab selector button <img alt="Left Tab Stop button" src="../images/tabstopleft.png" /> in the upper left corner of the working area to choose the necessary tab stop type: <b>Left</b> <img alt="Left Tab Stop button" src="../images/tabstopleft.png" />, <b>Center</b> <img alt="Center Tab Stop button" src="../images/tabstopcenter.png" />, <b>Right</b> <img alt="Right Tab Stop button" src="../images/tabstopright.png" />.</li>
|
||||
<li>Click on the bottom edge of the ruler where you want to place the tab stop. Drag it along the ruler to change its position. To remove the added tab stop drag it out of the ruler.
|
||||
<p><img alt="Horizontal Ruler with the Tab stops added" src="../images/tabstops_ruler.png" /></p>
|
||||
<p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
|
||||
</li>
|
||||
</ol>
|
||||
<h3>Edit a Text Art style</h3>
|
||||
<p>Select a text object and click the <b>Text Art settings</b> <img alt="Text Art settings icon" src="../images/textart_settings_icon.png" /> icon on the right sidebar.</p>
|
||||
<p><img alt="Text Art setting tab" src="../images/right_textart.png" /></p>
|
||||
<ul>
|
||||
<li>Change the applied text style selecting a new <b>Template</b> from the gallery. You can also change the basic style additionally by selecting a different font type, size etc.</li>
|
||||
<li>Change the font <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a> and <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">stroke</a>. The available options are the same as the ones for autoshapes.</li>
|
||||
<li>Apply a text effect by selecting the necessary text transformation type from the <b>Transform</b> gallery. You can adjust the degree of the text distortion by dragging the pink diamond-shaped handle.</li>
|
||||
</ul>
|
||||
<p><img alt="Text Art Transformation" src="../images/textart_transformation.png" /></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Manage slides</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Add new blank slides, duplicate, move or delete them" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Manage slides</h1>
|
||||
<p>By default, a newly created presentation has one blank <em>Title Slide</em>. You can create new slides, copy a slide to be able to paste it to another place in the slide list, duplicate slides, move slides to change their order in the slide list, delete unnecessary slides, mark some slides as hidden. </p>
|
||||
<p><b>To create a new <em>Title and Content</em> slide:</b></p>
|
||||
<ul>
|
||||
<li>click the <img alt="Add Slide icon" src="../images/addslide.png" /> <b>Add Slide</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar, or</li>
|
||||
<li>right-click any slide in the list and select the <b>New Slide</b> option from the contextual menu, or</li>
|
||||
<li>press the <b>Ctrl+M</b> key combination.</li>
|
||||
</ul>
|
||||
<p><b>To create a new slide with a different layout:</b></p>
|
||||
<ol>
|
||||
<li>click the arrow next to the <img alt="Add Slide icon" src="../images/addslide.png" /> <b>Add Slide</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
|
||||
<li>
|
||||
select a slide with the necessary layout from the menu.
|
||||
<p class="note"><b>Note</b>: you can change the layout of the added slide anytime. For additional information on how to do that refer to the <a href="../UsageInstructions/SetSlideParameters.htm#changelayout" onclick="onhyperlinkclick(this)">Set slide parameters</a> section.</p>
|
||||
</li>
|
||||
</ol>
|
||||
<p>A new slide will be inserted after the selected one in the list of the existing slides on the left.</p>
|
||||
<p><b>To duplicate a slide:</b></p>
|
||||
<ol>
|
||||
<li>right-click the necessary slide in the list of the existing slides on the left,</li>
|
||||
<li>select the <b>Duplicate Slide</b> option from the contextual menu.</li>
|
||||
</ol>
|
||||
<p>The duplicated slide will be inserted after the selected one in the slide list.</p>
|
||||
<p><b>To copy a slide:</b></p>
|
||||
<ol>
|
||||
<li>in the list of the existing slides on the left, select the slide you need to copy,</li>
|
||||
<li>press the <b>Ctrl+C</b> key combination,</li>
|
||||
<li>in the slide list, select the slide that the copied one should be pasted after,</li>
|
||||
<li>press the <b>Ctrl+V</b> key combination.</li>
|
||||
</ol>
|
||||
<p><b>To move an existing slide:</b></p>
|
||||
<ol>
|
||||
<li>left-click the necessary slide in the list of the existing slides on the left,</li>
|
||||
<li>without releasing the mouse button, drag it to the necessary place in the list (a horizontal line indicates a new location).</li>
|
||||
</ol>
|
||||
<p><b>To delete an unnecessary slide:</b></p>
|
||||
<ol>
|
||||
<li>right-click the slide you want to delete in the list of the existing slides on the left,</li>
|
||||
<li>select the <b>Delete Slide</b> option from the contextual menu.</li>
|
||||
</ol>
|
||||
<p><b>To mark a slide as hidden:</b></p>
|
||||
<ol>
|
||||
<li>right-click the slide you want to hide in the list of the existing slides on the left,</li>
|
||||
<li>select the <b>Hide Slide</b> option from the contextual menu.</li>
|
||||
</ol>
|
||||
<p>The number that corresponds to the hidden slide in the slide list on the left will be crossed out. To display the hidden slide as a regular one in the slide list, click the <b>Hide Slide</b> option once again.</p>
|
||||
<p><img alt="Hidden slide" src="../images/hidden_slide.png" /></p>
|
||||
<p class="note"><b>Note</b>: use this option if you do not want to demonstrate some slides to your audience, but want to be able to access them if necessary. If you start the slideshow in the <a href="../UsageInstructions/PreviewPresentation.htm#presenter" onclick="onhyperlinkclick(this)"><b>Presenter</b> mode</a>, you can see all the existing slides in the list on the left, while hidden slides numbers are crossed out. If you wish to show a slide marked as hidden to others, just click it in the slide list on the left - the slide will be displayed.</p>
|
||||
<p><b>To select all the existing slides at once:</b></p>
|
||||
<ol>
|
||||
<li>right-click any slide in the list of the existing slides on the left,</li>
|
||||
<li>select the <b>Select All</b> option from the contextual menu.</li>
|
||||
</ol>
|
||||
<p><b>To select several slides:</b></p>
|
||||
<ol>
|
||||
<li>hold down the <b>Ctrl</b> key,</li>
|
||||
<li>select the necessary slides left-clicking them in the list of the existing slides on the left.</li>
|
||||
</ol>
|
||||
<p class="note"><b>Note</b>: all the key combinations that can be used to manage slides are listed at the <a href="../HelpfulHints/KeyboardShortcuts.htm#manageslides" onclick="onhyperlinkclick(this)">Keyboard Shortcuts</a> page.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,66 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Preview your presentation</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Preview your presentation" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Preview your presentation</h1>
|
||||
<h3>Start the preview</h3>
|
||||
<p>To preview your currently edited presentation, you can:</p>
|
||||
<ul>
|
||||
<li>click the <b>Start slideshow</b> <img alt="Start slideshow icon" src="../images/startpreview.png" /> icon at the <b>Home</b> tab of the top toolbar or on the left side of the status bar, or</li>
|
||||
<li>select a certain slide within the slide list on the left, right-click it and choose the <b>Start Slideshow</b> option from the contextual menu.</li>
|
||||
</ul>
|
||||
<p>The preview will start from the currently selected slide. </p>
|
||||
<p>You can also click the arrow next to the <b>Start slideshow</b> <img alt="Start slideshow icon" src="../images/startpreview.png" /> icon at the <b>Home</b> tab of the top toolbar and select one of the available options:</p>
|
||||
<ul>
|
||||
<li><b>Show from Beginning</b> - to start the preview from the very first slide,</li>
|
||||
<li><b>Show from Current slide</b> - to start the preview from the currently selected slide,</li>
|
||||
<li><b>Show presenter view</b> - to start the preview in the <b>Presenter</b> mode that allows to demonstrate the presentation to your audience without slide notes while viewing the presentation with the slide notes on a different monitor.</li>
|
||||
<li><b>Show Settings</b> - to open a settings window that allows to set only one option: <b>Loop continuously until 'Esc' is pressed</b>. Check this option if necessary and click <b>OK</b>. If you enable this option, the presentation will be displayed until you press the <b>Escape</b> key on the keyboard, i.e. when the last slide of the presentation is reached, you will be able to go to the first slide again etc. If you disable this option, once the last slide of the presentation is reached, a black screen appears informing you that the presentation is finished and you can exit from the <b>Preview</b>.
|
||||
<p><img alt="Show Settings window" src="../images/showsettings.png" /></p>
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Use the Preview mode</h3>
|
||||
<p>In the <b>Preview</b> mode, you can use the following controls at the bottom left corner:</p>
|
||||
<p><img alt="Preview Mode controls" src="../images/preview_mode.png" /></p>
|
||||
<ul>
|
||||
<li>the <b>Previous slide</b> <img alt="Previous slide icon" src="../images/previousslide.png" /> button allows you to return to the preceding slide.</li>
|
||||
<li>the <b>Pause presentation</b> <img alt="Pause presentation icon" src="../images/pausepresentation.png" /> button allows you to stop previewing. When the button is pressed, it turns into the <img alt="Start presentation icon" src="../images/startpresentation.png" /> button.</li>
|
||||
<li>the <b>Start presentation</b> <img alt="Start presentation icon" src="../images/startpresentation.png" /> button allows you to resume previewing. When the button is pressed, it turns into the <img alt="Pause presentation icon" src="../images/pausepresentation.png" /> button.</li>
|
||||
<li>the <b>Next slide</b> <img alt="Next slide icon" src="../images/nextslide.png" /> button allows you to advance the following slide.</li>
|
||||
<li>the <b>Slide number indicator</b> displays the current slide number as well as the overall number of slides in the presentation. To go to a certain slide in the preview mode, click on the <b>Slide number indicator</b>, enter the necessary slide number in the opened window and press <b>Enter</b>.</li>
|
||||
<li>the <b>Full screen</b> <img alt="Full screen icon" src="../images/fullscreen.png" /> button allows you to switch to full screen mode.</li>
|
||||
<li>the <b>Exit full screen</b> <img alt="Exit full screen icon" src="../images/exitfullscreen.png" /> button allows you to exit full screen mode.</li>
|
||||
<li>the <b>Close slideshow</b> <img alt="Close slideshow icon" src="../images/closepreview.png" /> button allows you to exit the preview mode.</li>
|
||||
</ul>
|
||||
<p>You can also <a href="../HelpfulHints/KeyboardShortcuts.htm#preview" onclick="onhyperlinkclick(this)">use the keyboard shortcuts</a> to navigate between the slides in the preview mode.</p>
|
||||
<h3 id="presenter">Use the Presenter mode</h3>
|
||||
<p class="note"><b>Note</b>: in the <em>desktop version</em>, the presenter mode can be activated only if the second monitor is connected.</p>
|
||||
<p>In the <b>Presenter</b> mode, you can view your presentations with slide notes in a separate window, while demonstrating it without notes on a different monitor. The notes for each slide are displayed below the slide preview area.</p>
|
||||
<p>To navigate between slides you can use the <img alt="Previous Slide icon" src="../images/previousslide.png" /> and <img alt="Next Slide icon" src="../images/nextslide.png" /> buttons or click slides in the list on the left. The hidden slide numbers are crossed out in the slide list on the left. If you wish to show a slide marked as hidden to others, just click it in the slide list on the left - the slide will be displayed.</p>
|
||||
<p>You can use the following controls below the slide preview area:</p>
|
||||
<p><img alt="Presenter Mode controls" src="../images/presenter_mode.png" /></p>
|
||||
<ul>
|
||||
<li>the <b>Timer</b> displays the elapsed time of the presentation in the <em>hh.mm.ss</em> format.</li>
|
||||
<li>the <b>Pause presentation</b> <img alt="Pause presentation icon" src="../images/presenter_pausepresentation.png" /> button allows you to stop previewing. When the button is pressed, it turns into the <img alt="Start presentation icon" src="../images/presenter_startpresentation.png" /> button.</li>
|
||||
<li>the <b>Start presentation</b> <img alt="Start presentation icon" src="../images/presenter_startpresentation.png" /> button allows you to resume previewing. When the button is pressed, it turns into the <img alt="Pause presentation icon" src="../images/presenter_pausepresentation.png" /> button.</li>
|
||||
<li>the <b>Reset</b> button allows to reset the elapsed time of the presentation.</li>
|
||||
<li>the <b>Previous slide</b> <img alt="Previous slide icon" src="../images/presenter_previousslide.png" /> button allows you to return to the preceding slide.</li>
|
||||
<li>the <b>Next slide</b> <img alt="Next slide icon" src="../images/presenter_nextslide.png" /> button allows you to advance the following slide.</li>
|
||||
<li>the <b>Slide number indicator</b> displays the current slide number as well as the overall number of slides in the presentation.</li>
|
||||
<li>the <b>Pointer</b> <img alt="Pointer icon" src="../images/pointer.png" /> button allows you to highlight something on the screen when showing the presentation. When this option is enabled, the button looks like this: <img alt="Pointer icon" src="../images/pointer_enabled.png" />. To point to some objects hover your mouse pointer over the slide preview area and move the pointer around the slide. The pointer will look the following way: <img alt="Pointer icon" src="../images/pointer_screen.png" />. To disable this option, click the <img alt="Pointer icon" src="../images/pointer_enabled.png" /> button once again.</li>
|
||||
<li>the <b>End slideshow</b> button allows you to exit the <b>Presenter</b> mode.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,126 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Set slide parameters</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Set slide parameters: select background fill, themes, color schemes, slide layouts" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Set slide parameters</h1>
|
||||
<p>To customize your presentation, you can select a theme, color scheme, slide size and orientation for the entire presentation, change the background fill or slide layout for each separate slide, apply transitions between the slides. It's also possible to add explanatory notes to each slide that can be helpful when demonstrating the presentation in the <b>Presenter</b> mode.</p>
|
||||
<ul>
|
||||
<li>
|
||||
<b>Themes</b> allow you to quickly change the presentation design, notably the slides background appearance, predefined fonts for titles and texts and the color scheme that is used for the presentation elements.
|
||||
<b>To select a theme</b> for the presentation, click on the necessary predefined theme from the themes gallery on the right side of the top toolbar <b>Home</b> tab. The selected theme will be applied to all the slides if you have not previously selected certain slides to apply the theme to.
|
||||
<p><img alt="Themes gallery" src="../images/themes.png" /></p>
|
||||
<p>To change the selected theme for one or more slides, you can right-click the selected slides in the list on the left (or right-click a slide in the editing area), select the <b>Change Theme</b> option from the contextual menu and choose the necessary theme.</p>
|
||||
</li>
|
||||
<li>
|
||||
<b>Color Schemes</b> affect the predefined colors used for the presentation elements (fonts, lines, fills etc.) and allow you to maintain color consistency throughout the entire presentation.
|
||||
<b>To change a color scheme</b>, click the <img alt="Change color scheme icon" src="../images/changecolorscheme.png" /> <b>Change color scheme</b> icon at the <b>Home</b> tab of the top toolbar and select the necessary scheme from the drop-down list. The selected color scheme will be highlighted in the list and applied to all the slides.
|
||||
<p><img alt="Color Schemes" src="../images/colorscheme.png" /></p>
|
||||
</li>
|
||||
<li>
|
||||
<b>To change a slide size</b> for all the slides in the presentation, click the <img alt="Select slide size icon" src="../images/selectslidesizeicon.png" /> <b>Select slide size</b> icon at the <b>Home</b> tab of the top toolbar and select the necessary option from the drop-down list. You can select:
|
||||
<ul>
|
||||
<li>one of the two quick-access presets - <b>Standard (4:3)</b> or <b>Widescreen (16:9)</b>,</li>
|
||||
<li>
|
||||
the <b>Advanced Settings</b> option that opens the <b>Slide Size Settings</b> window where you can select one of the available presets or set a <b>Custom</b> size specifying the desired <b>Width</b> and <b>Height</b> values.
|
||||
<p><img alt="Slide Size Settings window" src="../images/slidesizesettingswindow.png" /></p>
|
||||
<p>The available presets are: Standard (4:3), Widescreen (16:9), Widescreen (16:10), Letter Paper (8.5x11 in), Ledger Paper (11x17 in), A3 Paper (297x420 mm), A4 Paper (210x297 mm), B4 (ICO) Paper (250x353 mm), B5 (ICO) Paper (176x250 mm), 35 mm Slides, Overhead, Banner.</p>
|
||||
<p>The <b>Slide Orientation</b> menu allows to change the currently selected orientation type. The default orientation type is <b>Landscape</b> that can be switched to <b>Portrait</b>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<b>To change a background fill:</b>
|
||||
<ol>
|
||||
<li>in the slide list on the left, select the slides you want to apply the fill to. Or click at any blank space within the currently edited slide in the slide editing area to change the fill type for this separate slide.</li>
|
||||
<li>
|
||||
at the <b>Slide settings</b> tab of the right sidebar, select the necessary option:
|
||||
<ul>
|
||||
<li><b>Color Fill</b> - select this option to specify the solid color you want to apply to the selected slides.</li>
|
||||
<li><b>Gradient Fill</b> - select this option to fill the slide with two colors which smoothly change from one to another.</li>
|
||||
<li><b>Picture or Texture</b> - select this option to use an image or a predefined texture as the slide background.</li>
|
||||
<li><b>Pattern</b> - select this option to fill the slide with a two-colored design composed of regularly repeated elements.</li>
|
||||
<li><b>No Fill</b> - select this option if you don't want to use any fill.</li>
|
||||
</ul>
|
||||
<p>For more detailed information on these options please refer to the <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Fill objects and select colors</a> section.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>
|
||||
<b>Transitions</b> help make your presentation more dynamic and keep your audience's attention. <b>To apply a transition:</b>
|
||||
<ol>
|
||||
<li>in the slide list on the left, select the slides you want to apply a transition to,</li>
|
||||
<li>
|
||||
choose a transition in the <b>Effect</b> drop-down list on the <b>Slide settings</b> tab,
|
||||
<p class="note"><b>Note</b>: to open the <b>Slide settings</b> tab you can click the <b>Slide settings</b> <img alt="Slide settings icon" src="../images/slide_settings_icon.png" /> icon on the right or right-click the slide in the slide editing area and select the <b>Slide Settings</b> option from the contextual menu.</p>
|
||||
</li>
|
||||
<li>adjust the transition properties: choose a transition variation, duration and the way to advance slides,</li>
|
||||
<li>
|
||||
click the <b>Apply to All Slides</b> button if you want to apply the same transition to all slides in the presentation.
|
||||
<p>For more detailed information on these options please refer to the <a href="../UsageInstructions/ApplyTransitions.htm" onclick="onhyperlinkclick(this)">Apply transitions</a> section.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>
|
||||
<a id="changelayout"></a><b>To change a slide layout:</b>
|
||||
<ol>
|
||||
<li>in the slide list on the left, select the slides you want to apply a new layout to,</li>
|
||||
<li>click the <img alt="Change slide layout icon" src="../images/changelayout.png" /> <b>Change slide layout</b> icon at the <b>Home</b> tab of the top toolbar,</li>
|
||||
<li>
|
||||
select the necessary layout from the menu.
|
||||
<p>Alternatively, you can right-click the necessary slide in the list on the left or in the editing area, select the <b>Change Layout</b> option from the contextual menu and choose the necessary layout.</p>
|
||||
<p class="note"><b>Note</b>: currently, the following layouts are available: Title Slide, Title and Content, Section Header, Two Content, Comparison, Title Only, Blank, Content with Caption, Picture with Caption, Title and Vertical Text, Vertical Title and Text.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>
|
||||
<a id="addtolayout"></a><b>To add objects to a slide layout:</b>
|
||||
<ol>
|
||||
<li>click the <b>Change slide layout</b> <img alt="Change slide layout icon" src="../images/changelayout.png" /> icon and select a layout you want to add an object to,</li>
|
||||
<li>
|
||||
using the <b>Insert</b> tab of the top toolbar, add the necessary object to the slide (<em>image</em>, <em>table</em>, <em>chart</em>, <em>shape</em>), then <b>right-click</b> on this object and select <b>Add to Layout</b> option,
|
||||
<br /><img alt="Add to layout" src="../images/addtolayout.png" />
|
||||
</li>
|
||||
<li>
|
||||
at the <b>Home</b> tab click <b>Change slide layout</b> <img alt="Change slide layout icon" src="../images/changelayout.png" /> and apply the changed layout.
|
||||
<p><img alt="Apply layout" src="../images/applylayout.png" /></p>
|
||||
<p>Selected objects will be added to the current theme's layout.</p>
|
||||
<p class="note"><b>Note</b>: objects placed on a slide this way cannot be selected, resized, or moved.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>
|
||||
<a id="resetslide"></a><b>To return the slide layout to its original state:</b>
|
||||
<ol>
|
||||
<li>in the slide list on the left, select the slides that you want to return to the default state,</li>
|
||||
<p class="note"><b>Note</b>: hold down the Ctrl key and select one slide at a time to select several slides at once, or hold down the Shift key to select all slides from the current to the selected.</p>
|
||||
<li>right-click on one of the slides and select the <b>Reset slide</b> option in the context menu,</li>
|
||||
<p>All text frames and objects located on slides will be reset and situated in accordinance with the slide layout.</p>
|
||||
</ol>
|
||||
</li>
|
||||
<li>
|
||||
<a id="slidenote"></a><b>To add notes to a slide:</b>
|
||||
<ol>
|
||||
<li>in the slide list on the left, select the slide you want to add a note to,</li>
|
||||
<li>click the <b>Click to add notes</b> caption below the slide editing area,</li>
|
||||
<li>
|
||||
type in the text of your note.
|
||||
<p class="note"><b>Note</b>: you can format the text using the icons at the <b>Home</b> tab of the top toolbar.</p>
|
||||
</li>
|
||||
</ol>
|
||||
<p>When you start the slideshow in the <a href="../UsageInstructions/PreviewPresentation.htm#presenter" onclick="onhyperlinkclick(this)"><b>Presenter</b> mode</a>, you will be able to see all the slide notes below the slide preview area.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>View presentation information</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="View presentation title, author, location, creation date, persons with the rights to view or edit the presentation" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>View presentation information</h1>
|
||||
<p>To access the detailed information about the currently edited presentation, click the <b>File</b> tab of the top toolbar and select the <b>Presentation Info</b> option.</p>
|
||||
<h3>General Information</h3>
|
||||
<p>The spreadsheet information includes a number of the file properties which describe the spreadsheet. Some of these properties are updated automatically, and some of them can be edited.</p>
|
||||
<ul>
|
||||
<li class="onlineDocumentFeatures"><b>Location</b> - the folder in the <b>Documents</b> module where the file is stored. <b>Owner</b> - the name of the user who have created the file. <b>Uploaded</b> - the date and time when the file has been created. These properties are available in the <em>online version</em> only.</li>
|
||||
<li><b>Title</b>, <b>Subject</b>, <b>Comment</b> - these properties allow to simplify your documents classification. You can specify the necessary text in the properties fields.</li>
|
||||
<li><b>Last Modified</b> - the date and time when the file was last modified.</li>
|
||||
<li><b>Last Modified By</b> - the name of the user who have made the latest change in the presentation if it has been shared and it can be edited by several users. </li>
|
||||
<li><b>Application</b> - the application the presentation was created with.</li>
|
||||
<li><b>Author</b> - the person who have created the file. You can enter the necessary name in this field. Press <em>Enter</em> to add a new field that allows to specify one more author.</li>
|
||||
</ul>
|
||||
<p>If you changed the file properties, click the <b>Apply</b> button to apply the changes.</p>
|
||||
<div class="onlineDocumentFeatures">
|
||||
<p class="note"><b>Note</b>: Online Editors allow you to change the presentation title directly from the editor interface. To do that, click the <b>File</b> tab of the top toolbar and select the <b>Rename...</b> option, then enter the necessary <b>File name</b> in a new window that opens and click <b>OK</b>.</p>
|
||||
</div>
|
||||
<div class="onlineDocumentFeatures">
|
||||
<h3>Permission Information</h3>
|
||||
<p>In the <em>online version</em>, you can view the information about permissions to the files stored in the cloud.</p>
|
||||
<p class="note"><b>Note</b>: this option is not available for users with the <b>Read Only</b> permissions.</p>
|
||||
<p>To find out, who have rights to view or edit the presentation, select the <b>Access Rights...</b> option at the left sidebar.</p>
|
||||
<p>You can also change currently selected access rights by pressing the <b>Change access rights</b> button in the <b>Persons who have rights</b> section.</p>
|
||||
</div>
|
||||
<p>To close the <b>File</b> pane and return to presentation editing, select the <b>Close Menu</b> option.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 186 B |
Binary file not shown.
|
Before Width: | Height: | Size: 130 B |
Binary file not shown.
|
Before Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 254 B |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 312 B |
Binary file not shown.
|
Before Width: | Height: | Size: 194 B |
Binary file not shown.
|
Before Width: | Height: | Size: 126 B |
Binary file not shown.
|
Before Width: | Height: | Size: 502 B |
Binary file not shown.
|
Before Width: | Height: | Size: 263 B |
Binary file not shown.
|
Before Width: | Height: | Size: 102 B |
Binary file not shown.
|
Before Width: | Height: | Size: 216 B |
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 231 B |
Binary file not shown.
|
Before Width: | Height: | Size: 103 B |
Binary file not shown.
|
Before Width: | Height: | Size: 507 B |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 136 B |
Binary file not shown.
|
Before Width: | Height: | Size: 194 B |
Binary file not shown.
|
Before Width: | Height: | Size: 96 B |
Binary file not shown.
|
Before Width: | Height: | Size: 123 B |
Binary file not shown.
|
Before Width: | Height: | Size: 163 B |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 99 B |
Binary file not shown.
|
Before Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 844 B |
Binary file not shown.
|
Before Width: | Height: | Size: 86 B |
Binary file not shown.
|
Before Width: | Height: | Size: 79 B |
Binary file not shown.
|
Before Width: | Height: | Size: 273 B |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 146 B |
Binary file not shown.
|
Before Width: | Height: | Size: 137 B |
Binary file not shown.
|
Before Width: | Height: | Size: 211 B |
Binary file not shown.
|
Before Width: | Height: | Size: 349 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 153 B |
Binary file not shown.
|
Before Width: | Height: | Size: 120 B |
Binary file not shown.
|
Before Width: | Height: | Size: 145 B |
Binary file not shown.
|
Before Width: | Height: | Size: 853 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 140 B |
Binary file not shown.
|
Before Width: | Height: | Size: 83 B |
Binary file not shown.
|
Before Width: | Height: | Size: 142 B |
Binary file not shown.
|
Before Width: | Height: | Size: 140 B |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 234 B |
Binary file not shown.
|
Before Width: | Height: | Size: 169 B |
Binary file not shown.
|
Before Width: | Height: | Size: 6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 83 B |
Binary file not shown.
|
Before Width: | Height: | Size: 711 B |
Binary file not shown.
|
Before Width: | Height: | Size: 262 B |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 325 B |
Binary file not shown.
|
Before Width: | Height: | Size: 136 B |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 194 B |
Binary file not shown.
|
Before Width: | Height: | Size: 312 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 324 B |
Binary file not shown.
|
Before Width: | Height: | Size: 148 B |
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 143 B |
Binary file not shown.
|
Before Width: | Height: | Size: 889 B |
Binary file not shown.
|
Before Width: | Height: | Size: 227 B |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 504 B |
Binary file not shown.
|
Before Width: | Height: | Size: 125 B |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue