init repo
This commit is contained in:
nikolay ivanov
@@ -0,0 +1,27 @@
|
||||
[
|
||||
{src: "UsageInstructions/OpenCreateNew.htm", name: "Create a new presentation or open an existing one", headername: "Usage Instructions"},
|
||||
{src: "UsageInstructions/ManageSlides.htm", name: "Manage slides"},
|
||||
{src: "UsageInstructions/SetSlideParameters.htm", name: "Set slide parameters"},
|
||||
{src: "UsageInstructions/ApplyTransitions.htm", name: "Apply transitions"},
|
||||
{src: "UsageInstructions/InsertAutoshapes.htm", name: "Insert and format autoshapes"},
|
||||
{src: "UsageInstructions/InsertImages.htm", name: "Insert and adjust images"},
|
||||
{src: "UsageInstructions/ManipulateObjects.htm", name: "Manipulate objects on a slide"},
|
||||
{src: "UsageInstructions/InsertText.htm", name: "Insert and format your text"},
|
||||
{src: "UsageInstructions/AddHyperlinks.htm", name: "Add hyperlinks"},
|
||||
{src: "UsageInstructions/CreateLists.htm", name: "Create lists"},
|
||||
{src: "UsageInstructions/InsertTables.htm", name: "Insert and format tables"},
|
||||
{src: "UsageInstructions/FillObjectsSelectColor.htm", name: "Fill objects and select colors"},
|
||||
{src: "UsageInstructions/AlignArrangeObjects.htm", name: "Align and arrange objects on a slide"},
|
||||
{src: "UsageInstructions/CopyPasteUndoRedo.htm", name: "Copy/paste data, undo/redo your actions"},
|
||||
{src: "UsageInstructions/CopyClearFormatting.htm", name: "Copy/clear formatting"},
|
||||
{src: "UsageInstructions/PreviewPresentation.htm", name: "Preview your presentation"},
|
||||
{src: "UsageInstructions/ViewPresentationInfo.htm", name: "View presentation information"},
|
||||
{src: "UsageInstructions/SavePrintDownload.htm", name: "Save/print/download your presentation"},
|
||||
{src: "HelpfulHints/About.htm", name: "About ONLYOFFICE™ Presentation Editor", headername: "Helpful Hints"},
|
||||
{src: "HelpfulHints/SupportedFormats.htm", name: "Supported Formats of Electronic Presentations"},
|
||||
{src: "HelpfulHints/AdvancedSettings.htm", name: "Advanced Settings of ONLYOFFICE™ Presentation Editor"},
|
||||
{src: "HelpfulHints/Navigation.htm", name: "View Settings and Navigation Tools"},
|
||||
{src: "HelpfulHints/Search.htm", name: "Search Function"},
|
||||
{src: "HelpfulHints/CollaborativeEditing.htm", name: "Collaborative Presentation Editing"},
|
||||
{src: "HelpfulHints/KeyboardShortcuts.htm", name: "Keyboard Shortcuts"}
|
||||
]
|
||||
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>About ONLYOFFICE™ Presentation Editor</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="The short description of ONLYOFFICE™ Presentation Editor" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>About ONLYOFFICE™ Presentation Editor</h1>
|
||||
<p><b>ONLYOFFICE™ Presentation Editor</b> is an online application that lets you look through
|
||||
and edit presentations directly on your ONLYOFFICE™ portal.</p>
|
||||
<p>Using <b>ONLYOFFICE™ Presentation Editor</b>, you can perform various editing operations like in any desktop editor,
|
||||
print the edited presentations keeping all the formatting details or download them onto your computer hard disk drive
|
||||
as PDF or PPTX files.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Advanced Settings of ONLYOFFICE™ Presentation Editor</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="The advanced settings of ONLYOFFICE™ Presentation Editor" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Advanced Settings of ONLYOFFICE™ Presentation Editor</h1>
|
||||
<p><b>ONLYOFFICE™ Presentation Editor</b> lets you change its advanced settings. To access them, click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Advanced Settings...</b> option. You can also use the <img alt="Advanced Settings icon" src="../images/advanced_settings_icon.png" /> icon in the right upper corner of the top toolbar.</p>
|
||||
<p>The advanced settings are:</p>
|
||||
<ul>
|
||||
<li><b>Alternate Input</b> is used to turn on/off hieroglyphs.</li>
|
||||
<li><b>Default Zoom Value</b> is used to set the default zoom value selecting it in the list of available options from 50% to 200%.</li>
|
||||
<li><b>Realtime Collaboration Changes</b> is used to specify what changes you want to be highlighted during co-editing:
|
||||
<ul>
|
||||
<li>Selecting the <b>View All</b> option, all the changes made during the current session will be highlighted.</li>
|
||||
<li>Selecting the <b>View Last</b> option, only the changes made since you last time clicked the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon will be highlighted.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Autosave</b> is used to specify how frequently the changes you make while editing are automatically saved.
|
||||
<ul>
|
||||
<li>Select one of the available time intervals: <b>Every 10 Minutes</b>, <b>Every 30 Minutes</b> or <b>Every Hour</b>.</li>
|
||||
<li>Select the <b>Disabled</b> option, if you don't want the <b>ONLYOFFICE™ Presentation Editor</b> to save changes automatically.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Unit of Measurement</b> is used to specify what units are used on the rulers and in properties windows for measuring elements parameters such as width, height, spacing, margins etc. You can select the <b>Centimeter</b> or <b>Point</b> option.</li>
|
||||
</ul>
|
||||
<p>To save the changes you made, click the <b>Apply</b> button.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Collaborative Presentation Editing</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Tips on collaborative editing" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Collaborative Presentation Editing</h1>
|
||||
<p><b>ONLYOFFICE™ Presentation Editor</b> offers you the possibility to work at a presentation collaboratively with other users. This feature includes:</p>
|
||||
<ul>
|
||||
<li>simultaneous multi-user access to the edited presentation</li>
|
||||
<li>visual indication of objects that are being edited by other users</li>
|
||||
<li>synchronization of changes with one button click</li>
|
||||
<li>chat to share ideas concerning particular presentation parts</li>
|
||||
<li>comments containing the description of a task or problem that should be solved</li>
|
||||
</ul>
|
||||
<h3>Co-editing</h3>
|
||||
<p>When a presentation is being edited by several users simultaneously, the edited objects (autoshapes, text placeholders and blocks, tables, images, charts) are marked with dashed lines of different colors. The object that you are editing is surrounded by the green dashed line. Red dashed lines indicate that objects are being edited by other users. By hovering the mouse cursor over one of the edited objects, the name of the user who is editing it at the moment is displayed. The number of users who are working at the current presentation is specified in the left lower corner at the status bar - <img alt="Number of users icon" src="../images/usersnumber.png" />.
|
||||
To see who exactly are editing the file now, move the mouse cursor over this icon - users' names will be displayed in a pop-up window. If too many users are editing the presentation, click on this icon to open the <b>Chat</b> panel with the full list of the users.</p>
|
||||
<p>As soon as one of the users saves his/her changes, the others will see a note within the status bar stating that they have updates. To save the changes made and get the updates, click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar. The updates will be highlighted for you to check what exactly has been changed.</p>
|
||||
<p>You can specify what changes you want to be highlighted during co-editing if you click the <img alt="File icon" src="../images/file.png" /> icon at the left sidebar, select the <b>Advanced Settings...</b> option and choose between <b>all</b> and <b>last</b> realtime collaboration changes. Selecting <b>View all</b> changes, all the changes made during the current session will be highlighted. Selecting <b>View last</b> changes, only the changes made since you last time clicked the <img alt="Save icon" src="../images/saveupdate.png" /> icon will be highlighted.</p>
|
||||
<h3>Chat</h3>
|
||||
<p>To access the chat and leave a message for other users,</p>
|
||||
<ol>
|
||||
<li>click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar,</li>
|
||||
<li>enter your text into the corresponding field below,</li>
|
||||
<li>press the <b>Send</b> button.</li>
|
||||
</ol>
|
||||
<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
|
||||
<p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon once again.</p>
|
||||
<h3>Comments</h3>
|
||||
<p>To leave a comment:</p>
|
||||
<ol>
|
||||
<li>select an object where you think there is an error or problem,</li>
|
||||
<li>use the <img alt="Comments icon" src="../images/commentsicon.png" /> icon at the left sidebar to open the <b>Comments</b> panel and click the <b>Add Comment to Document</b> link, or<br />
|
||||
right-click the selected object and select the <b>Add Сomment</b> option from the menu,
|
||||
</li>
|
||||
<li>enter the needed text,</li>
|
||||
<li>click the <b>Add Comment/Add</b> button.</li>
|
||||
</ol>
|
||||
<p>The comment will be seen on the panel on the left. The object you commented will be marked with the <img alt="Commented object icon" src="../images/added_comment_icon.png" /> icon. To view the comment, just click on this icon. <!--If you need to disable this feature, click the <img alt="File icon" src="../images/file.png" /> icon, select the <b>Advanced Settings...</b> option and uncheck the <b>Turn on live commenting option</b> box. In this case the commented passages will be highlighted only if you click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon.--></p>
|
||||
<p>Any other user can answer to the added comment asking questions or reporting on the work he/she has done. For this purpose, click the <b>Add Reply</b> link situated under the comment.</p>
|
||||
<p>You can manage the comments you added in the following way:</p>
|
||||
<ul>
|
||||
<li>edit them by clicking the <img alt="Edit icon" src="../images/editcommenticon.png" /> icon,</li>
|
||||
<li>delete them by clicking the <img alt="Delete icon" src="../images/deletecommenticon.png" /> icon,</li>
|
||||
<li>close the discussion by clicking the <b>Resolve</b> link if the task or problem you stated in your comment was solved, after that the discussion you opened with your comment gets the resolved status. To open it again, click the <b>Resolved</b> caption next to it and select the <b>Open Again</b> option.</li>
|
||||
</ul>
|
||||
<p>New comments added by other users will become visible only after you click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar.</p>
|
||||
<p>To close the panel with comments, click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon once again.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,359 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Keyboard Shortcuts</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="The keyboard shortcut list used for a faster and easier access to the features of ONLYOFFICE™ Presentation Editor using the keyboard." />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Keyboard Shortcuts</h1>
|
||||
<table>
|
||||
<tr>
|
||||
<th colspan="3">Working with Presentation</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="function">Open 'File' panel</td>
|
||||
<td class="combination">Alt+F</td>
|
||||
<td class="description">Open the <b>File</b> panel to save, download, print the current presentation, view its info, create a new presentation or open an existing one, access ONLYOFFICE™ Presentation Editor help or advanced settings.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Open 'Search' panel</td>
|
||||
<td>Ctrl+F</td>
|
||||
<td>Open the <b>Search</b> panel to start searching for a character/word/phrase in the currently edited presentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Open 'Chat' panel</td>
|
||||
<td>Ctrl+Alt+Q</td>
|
||||
<td>Open the <b>Chat</b> panel and send a message.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Save presentation</td>
|
||||
<td>Ctrl+S</td>
|
||||
<td>Save all the changes to the presentation currently edited with ONLYOFFICE™ Presentation Editor.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Print presentation</td>
|
||||
<td>Ctrl+P</td>
|
||||
<td>Print the presentation with one of the available printers or save it to a file.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Save As (Download As)</td>
|
||||
<td>Ctrl+Shift+S</td>
|
||||
<td>Save the currently edited presentation to the computer hard disk drive in one of the supported formats: PDF, PPTX.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Full screen</td>
|
||||
<td>F11</td>
|
||||
<td>Switch to the full screen view to fit ONLYOFFICE™ Presentation Editor into your screen.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">Navigation</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The first slide</td>
|
||||
<td>Home</td>
|
||||
<td>Go to the first slide of the currently edited presentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The last slide</td>
|
||||
<td>End</td>
|
||||
<td>Go to the last slide of the currently edited presentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Next slide</td>
|
||||
<td>PgDn</td>
|
||||
<td>Go to the next slide of the currently edited presentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Previous slide</td>
|
||||
<td>PgUp</td>
|
||||
<td>Go to the previous slide of the currently edited presentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Select the next shape</td>
|
||||
<td>Tab</td>
|
||||
<td>Select the next shape after the currently selected one.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Select the previous shape</td>
|
||||
<td>Shift+Tab</td>
|
||||
<td>Select the previous shape before the currently selected one.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Zoom In</td>
|
||||
<td>Ctrl++</td>
|
||||
<td>Zoom in the currently edited presentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Zoom Out</td>
|
||||
<td>Ctrl+-</td>
|
||||
<td>Zoom out the currently edited presentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">Performing Actions on Slides</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>New slide</td>
|
||||
<td>Ctrl+M</td>
|
||||
<td>Create a new slide and add it after the selected one in the list.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Duplicate slide</td>
|
||||
<td>Ctrl+D</td>
|
||||
<td>Duplicate the selected slide in the list.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Move slide up</td>
|
||||
<td>Ctrl+Up ARROW</td>
|
||||
<td>Move the selected slide above the previous one in the list.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Move slide down</td>
|
||||
<td>Ctrl+Down ARROW</td>
|
||||
<td>Move the selected slide below the following one in the list.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Move slide to beginning</td>
|
||||
<td>Ctrl+Shift+Up ARROW</td>
|
||||
<td>Move the selected slide to the very first position in the list.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Move slide to end</td>
|
||||
<td>Ctrl+Shift+Down ARROW</td>
|
||||
<td>Move the selected slide to the very last position in the list.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">Performing Actions on Objects</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Create a copy</td>
|
||||
<td>Ctrl+drag or Ctrl+D</td>
|
||||
<td>Hold down the Ctrl key when dragging the selected object or press Ctrl+D to create its copy.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Group</td>
|
||||
<td>Ctrl+G</td>
|
||||
<td>Group the selected objects.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Ungroup</td>
|
||||
<td>Ctrl+Shift+G</td>
|
||||
<td>Ungroup the selected group of objects.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">Modifying Objects</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Constrain movement</td>
|
||||
<td>Shift+drag</td>
|
||||
<td>Constrain the movement of the selected object horizontally or vertically.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Set 15-degree-rotation</td>
|
||||
<td>Shift+drag (when rotating)</td>
|
||||
<td>Constrain the rotation angle to 15 degree increments.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Maintain proportions</td>
|
||||
<td>Shift+drag (when resizing)</td>
|
||||
<td>Maintain the proportions of the selected object when resizing.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Movement pixel by pixel</td>
|
||||
<td>Ctrl</td>
|
||||
<td>Hold down the Ctrl key and use the keybord arrows to move the selected object by one pixel at a time.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3"><a id="preview"></a>Previewing Presentation</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Start preview from the beginning</td>
|
||||
<td>Ctrl+F5</td>
|
||||
<td>Start a presentation from the beginning.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Navigate forward</td>
|
||||
<td>N, ENTER, PAGE DOWN, RIGHT ARROW, DOWN ARROW, or SPACEBAR</td>
|
||||
<td>Perform the next animation or advance to the next slide.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Navigate backward</td>
|
||||
<td>P, PAGE UP, LEFT ARROW, UP ARROW, or BACKSPACE</td>
|
||||
<td>Perform the previous animation or return to the previous slide.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Go to slide number</td>
|
||||
<td>number+ENTER</td>
|
||||
<td>Go to slide with the specified number.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Stop or restart preview</td>
|
||||
<td>S</td>
|
||||
<td>Stop or restart an automatic presentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Close preview</td>
|
||||
<td>ESC</td>
|
||||
<td>End a presentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">Undo and Redo</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Undo</td>
|
||||
<td>Ctrl+Z</td>
|
||||
<td>Reverse the latest performed action.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Redo</td>
|
||||
<td>Ctrl+Y</td>
|
||||
<td>Repeat the latest undone action.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">Cut, Copy, and Paste</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Cut</td>
|
||||
<td>Ctrl+X, Shift+Delete</td>
|
||||
<td>Cut the selected object and send it to the computer clipboard memory. The cut object can be later inserted to another place in the same presentation<!--, into another presentation, or into some other program-->.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Copy</td>
|
||||
<td>Ctrl+C, Ctrl+Insert</td>
|
||||
<td>Send the selected object to the computer clipboard memory. The copied object can be later inserted to another place in the same presentation<!--, into another presentation, or into some other program-->.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Paste</td>
|
||||
<td>Ctrl+V, Shift+Insert</td>
|
||||
<td>Insert the previously copied object from the computer clipboard memory to the current cursor position. The object can be previously copied from the same presentation<!--, from another presentation, or from some other program-->.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Insert hyperlink</td>
|
||||
<td>Ctrl+K</td>
|
||||
<td>Insert a hyperlink which can be used to go to a web address or to a certain slide in the presentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Copy style</td>
|
||||
<td>Ctrl+Shift+C</td>
|
||||
<td>Copy the formatting from the selected fragment of the currently edited text. The copied formatting can be later applied to another text fragment in the same presentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Apply style</td>
|
||||
<td>Ctrl+Shift+V</td>
|
||||
<td>Apply the previously copied formatting to the text in the currently edited text block.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">Selecting with the Mouse</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Add to the selected fragment</td>
|
||||
<td>Shift</td>
|
||||
<td>Start the selection, hold down the Shift key and click where you need to end the selection.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3"><a id="textselection"></a>Selecting using the Keyboard</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Select all</td>
|
||||
<td>Ctrl+A</td>
|
||||
<td>Select all the slides (in the slides list) or all the objects within the slide (in the slide editing area) or all the text (within the text block) - depending on where the mouse cursor is located.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Select text fragment</td>
|
||||
<td>Shift+Arrow</td>
|
||||
<td>Select the text character by character.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Select text from cursor to beginning of line</td>
|
||||
<td>Shift+Home</td>
|
||||
<td>Select a text fragment from the cursor to the beginning of the current line.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Select text from cursor to end of line</td>
|
||||
<td>Shift+End</td>
|
||||
<td>Select a text fragment from the cursor to the end of the current line.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">Text Styling</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Bold</td>
|
||||
<td>Ctrl+B</td>
|
||||
<td>Make the font of the selected text fragment bold giving it more weight.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Italic</td>
|
||||
<td>Ctrl+I</td>
|
||||
<td>Make the font of the selected text fragment italicized giving it some right side tilt.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Underline</td>
|
||||
<td>Ctrl+U</td>
|
||||
<td>Make the selected text fragment underlined with the line going under the letters.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Subscript</td>
|
||||
<td>Ctrl+.(dot)</td>
|
||||
<td>Make the selected text fragment smaller and place it to the lower part of the text line, e.g. as in chemical formulas.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Superscript</td>
|
||||
<td>Ctrl+,(comma)</td>
|
||||
<td>Make the selected text fragment smaller and place it to the upper part of the text line, e.g. as in fractions.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Bulleted list</td>
|
||||
<td>Ctrl+Shift+L</td>
|
||||
<td>Create an unordered bulleted list from the selected text fragment or start a new one.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Remove formatting</td>
|
||||
<td>Ctrl+Spacebar</td>
|
||||
<td>Remove formatting from the selected text fragment.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Increase font</td>
|
||||
<td>Ctrl+]</td>
|
||||
<td>Increase the size of the font for the selected text fragment 1 point.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Decrease font</td>
|
||||
<td>Ctrl+[</td>
|
||||
<td>Decrease the size of the font for the selected text fragment 1 point.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Align center/left</td>
|
||||
<td>Ctrl+E</td>
|
||||
<td>Switch a paragraph between centered and left-aligned.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Align justified/left</td>
|
||||
<td>Ctrl+J</td>
|
||||
<td>Switch a paragraph between justified and left-aligned.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Align right/left</td>
|
||||
<td>Ctrl+R</td>
|
||||
<td>Switch a paragraph between right-aligned and left-aligned.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Align left</td>
|
||||
<td>Ctrl+L</td>
|
||||
<td>Align left with the text lined up by the left side of the text block, the right side remains unaligned.</td>
|
||||
</tr>
|
||||
<!--<tr>
|
||||
<td>Increase indent</td>
|
||||
<td>Ctrl+M</td>
|
||||
<td>Indent a paragraph from the left incrementally.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Decrease indent</td>
|
||||
<td>Ctrl+Shift+M</td>
|
||||
<td>Remove a paragraph indent from the left incrementally.</td>
|
||||
</tr>-->
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>View Settings and Navigation Tools</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="The description of view settings and navigation tools such as rulers, zoom, previous/next slide buttons" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>View Settings and Navigation Tools</h1>
|
||||
<p><b>ONLYOFFICE™ Presentation Editor</b> offers several tools to help you view and navigate through your presentation: rulers, zoom, previous/next slide buttons, slide number indicator.</p>
|
||||
<h3>Adjust the View Settings</h3>
|
||||
<p>To adjust default view settings and set the most convenient mode to work with the presentation, click the <b>View Settings</b> <img alt="View Settings icon" src="../images/ViewSettingsIcon.png" /> icon at the upper left corner of the top toolbar and select which interface elements you want to be hidden or shown.
|
||||
You can select the following options from the <b>View Settings</b> drop-down list:
|
||||
</p>
|
||||
<ul>
|
||||
<li><b>View Compact Toolbar</b> - enables a compact toolbar mode that provides access to basic features. To view the default toolbar click this option once again.</li>
|
||||
<li><b>Hide Title Bar</b> - hides the topmost bar where the document name and the <b>Go to Documents</b> option are displayed. To show the hidden <b>Title Bar</b> click this option once again.</li>
|
||||
<li><b>Hide Status Bar</b> - hides the bottommost bar where the <b>Slide Number Indicator</b> and <b>Zoom</b> buttons are situated. To show the hidden <b>Status Bar</b> click this option once again.</li>
|
||||
</ul>
|
||||
<p>The right sidebar is minimized by default. To expand it, select any object/slide and click the icon of the currently activated tab on the right (click the icon once again to minimize the right sidebar). The left sidebar width is adjusted by simple drag-and-drop:
|
||||
move the mouse cursor over the left sidebar border so that it turns into the bidirectional arrow and drag the border to the left to reduce the sidebar width or to the right to extend it.</p>
|
||||
<h3>Use the Navigation Tools</h3>
|
||||
<p>To navigate through your presentation, use the following tools:</p>
|
||||
<p><b>Rulers</b> are used to set up tab stops and paragraph indents within the text blocks. When a text block is selected, its position is shown on the rulers.
|
||||
Rulers are hidden by default. To display them, click the <b>Hide/Show Rulers</b> <img alt="Hide/Show Rulers button" src="../images/hiderulers.png" /> icon on the right.
|
||||
This icon is also used to hide rulers again. When the rulers are displayed, the <b>Tab Stop</b> <img alt="Left Tab Stop" src="../images/tabstopleft.png" /> button is also available on the left. It's used to set the tab stop type.</p>
|
||||
<p>The <b>Zoom</b> buttons are situated in the right lower corner and are used to zoom in and out the current presentation.
|
||||
To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list
|
||||
or use the <b>Zoom In</b> <img alt="Zoom In button" src="../images/zoomin.png" /> or <b>Zoom Out</b> <img alt="Zoom Out button" src="../images/zoomout.png" /> buttons.
|
||||
Click the <b>Fit Width</b> <img alt="Fit Width button" src="../images/fitwidth.png" /> icon to fit the slide width to the visible part of the working area.
|
||||
To fit the whole slide to the visible part of the working area, click the <b>Fit Slide</b> <img alt="Fit Slide button" src="../images/fitslide.png" /> icon.
|
||||
Zoom settings are also available in the <b>View Settings</b> <img alt="View Settings icon" src="../images/ViewSettingsIcon.png" /> drop-down list that can be useful if you decide to hide the <b>Status Bar</b>.</p>
|
||||
<p class="note"><b>Note</b>: you can set a default zoom value. Click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar, go to the <b>Advanced Settings...</b> section, choose the necessary <b>Default Zoom Value</b> from the list and click the <b>Apply</b> button.</p>
|
||||
<p>The <b>Previous Slide</b> <img alt="Previous Slide button" src="../images/previouspage.png" /> and <b>Next Slide</b> <img alt="Next Slide button" src="../images/nextpage.png" /> buttons are situated in the lower right corner under the scrollbar and used to go to the previous or next slide of the current presentation.</p>
|
||||
<p>The <b>Slide Number Indicator</b> shows the current slide as a part of all the slides in the current presentation (slide 'n' of 'nn').
|
||||
Click this caption to open the window where you can enter the slide number and quickly go to it. If you decide to hide the <b>Status Bar</b>, this tool will become inaccessible.</p>
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Search Function</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="The description of the search function in ONLYOFFICE™ Presentation Editor" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Search Function</h1>
|
||||
<p><b>To search</b> for the needed characters, words or phrases used in the currently edited presentation,
|
||||
click the <img alt="Search icon" src="../images/searchicon.png" /> icon situated at the left sidebar.</p>
|
||||
<p>The <b>Search</b> window will open:</p>
|
||||
<img alt="Search Window" src="../images/search_window.png" />
|
||||
<ol>
|
||||
<li>Type in your inquiry into the corresponding data entry field.</li>
|
||||
<li>Click one of the <b>arrow buttons</b> on the right.
|
||||
The search will be performed either towards the beginning of the presentation (if you click the <img alt="Left arrow button" src="../images/SearchUpButton.png" /> button) or towards the end of the presentation (if you click the <img alt="Right arrow button" src="../images/SearchDownButton.png" /> button) from the current position.</li>
|
||||
</ol>
|
||||
<p>The first slide in the selected direction that contains the characters you entered will be highlighted in the slide list and displayed in the working area with the required characters outlined. If it is not the slide you are looking for, click the selected button again to find the next slide containing the characters you entered.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Supported Formats of Electronic Presentations</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="The list of presentation formats supported by ONLYOFFICE™ Presentation Editor" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Supported Formats of Electronic Presentation</h1>
|
||||
<p>Presentation is a set of slides that may include different type of content such as images, media files, text, effects etc.
|
||||
<b>ONLYOFFICE™ Presentation Editor</b> handles the following presentation formats:</p>
|
||||
<table>
|
||||
<tr>
|
||||
<td><b>Formats</b></td>
|
||||
<td><b>Description</b></td>
|
||||
<td>View</td>
|
||||
<td>Edit</td>
|
||||
<td>Download</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PPTX</td>
|
||||
<td>Office Open XML Presentation<br />Zipped, XML-based file format developed by Microsoft for representing spreadsheets, charts, presentations, and word processing documents</td>
|
||||
<td>+</td>
|
||||
<td>+</td>
|
||||
<td>+</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PPT</td>
|
||||
<td>File format used by Microsoft PowerPoint</td>
|
||||
<td>+</td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ODP</td>
|
||||
<td>OpenDocument Presentation<br />File format that represents presentation document created by Impress application, which is a part of OpenOffice based office suites</td>
|
||||
<td>+</td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PDF</td>
|
||||
<td>Portable Document Format<br />File format used to represent documents in a manner independent of application software, hardware, and operating systems</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Using the Chat Tool</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Tips on using the Chat tool" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Using the Chat Tool</h1>
|
||||
<p><b>ONLYOFFICE™ Presentation Editor</b> offers you the possibility to chat with other users to share ideas concerning particular presentation parts.</p>
|
||||
<p>To access the chat and leave a message for other users,</p>
|
||||
<ol>
|
||||
<li>click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar,</li>
|
||||
<li>enter your text into the corresponding field below,</li>
|
||||
<li>press the <b>Send</b> button.</li>
|
||||
</ol>
|
||||
<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
|
||||
<p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon once again.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Add hyperlinks</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Add hyperlinks to a word or text fragment leading to an external website or to another slide in the same presentation" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Add hyperlinks</h1>
|
||||
<p>To add a hyperlink,</p>
|
||||
<ol>
|
||||
<li>place the cursor to a position within the text block where a hyperlink will be added,</li>
|
||||
<li>click the <b>Add Hyperlink</b> <img alt="Add Hyperlink icon" src="../images/addhyperlink.png" /> icon at the top toolbar,</li>
|
||||
<li>after that a window will appear where you can specify the hyperlink parameters:
|
||||
<ul>
|
||||
<li><b>Link Type</b> select a link type you wish to insert from the drop-down list:
|
||||
<ul>
|
||||
<li>Use the <b>File or Web Page</b> option and enter a URL in the format http://www.example.com in the <b>Link to</b> field below if you need to add a hyperlink leading to an external website.
|
||||
<p><img alt="Add Hyperlink window" src="../images/hyperlinkwindow.png" /></p>
|
||||
</li>
|
||||
<li>Use the <b>Place In This Document</b> option and select one of the options below if you need to add a hyperlink leading to a certain slide in the same presentation. You can check one of the following radiobuttons: Next Slide, Previous Slide, First Slide, Last Slide, Slide with the specified number.
|
||||
<p><img alt="Add Hyperlink window" src="../images/hyperlinkwindow2.png" /></p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Display</b> - enter a text that will get clickable and lead to the web address/slide specified in the upper field.</li>
|
||||
<li><b>ScreenTip text</b> - enter a text that will become visible in a small pop-up window that provides a brief note or label pertaining to the hyperlink being pointed to.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Click the <b>OK</b> button.</li>
|
||||
</ol>
|
||||
<p>To add a hyperlink, you can also click with the right mouse button at a position where a hyperlink will be added and select the <b>Hyperlink</b> option in the right-click menu or press the <b>Ctrl+K</b> key combination.</p>
|
||||
<p class="note"><b>Note</b>: it's also possible to select a caracter, word or word combination with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection">using the keyboard</a> and
|
||||
click the <b>Add Hyperlink</b> <img alt="Add Hyperlink icon" src="../images/addhyperlink.png" /> icon at the top toolbar or right-click the selection and choose the <b>Hyperlink</b> option in the menu.
|
||||
After that the window displayed above will open with the <b>Display</b> field filled with the text fragment you selected.</p>
|
||||
<p>By hovering the cursor over the added hyperlink, the ScreenTip will appear containing the text you specified.
|
||||
You can follow the link by pressing the <b>CTRL</b> key and clicking the link in your presentation.</p>
|
||||
<p>To edit or delete the added hyperlink, click it with the right mouse button, select the <b>Hyperlink</b> option in the right-click menu and then the action you want to perform - <b>Edit Hyperlink</b> or <b>Remove Hyperlink</b>.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,41 @@
|
||||
<!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 blocks, autoshapes, images and charts on a slide." />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Align and arrange objects on a slide</h1>
|
||||
<p>The added <b>autoshapes, images, charts</b> or <b>text blocks</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 block, click on its border, not the text within it. After that you can use either the top toolbar icons described below or the analogous options from the right-click menu.</p>
|
||||
<p>To <b>align</b> the selected object(s), click the <b>Align Shape</b> <img alt="Align Shape icon" src="../images/alignshape.png" /> icon at the top toolbar and select the necessary alignment type from the list:</p>
|
||||
<ul>
|
||||
<li><b>Align Left</b> <img alt="Align Left icon" src="../images/alignobjectleft.png" /> - to line up the object(s) horizontally by the left side of the slide,</li>
|
||||
<li><b>Align Center</b> <img alt="Align Center icon" src="../images/alignobjectcenter.png" /> - to line up the object(s) horizontally by the center of the slide,</li>
|
||||
<li><b>Align Right</b> <img alt="Align Right icon" src="../images/alignobjectright.png" /> - to line up the object(s) horizontally by the right side of the slide,</li>
|
||||
<li><b>Align Top</b> <img alt="Align Top icon" src="../images/alignobjecttop.png" /> - to line up the object(s) vertically by the top side of the slide,</li>
|
||||
<li><b>Align Middle</b> <img alt="Align Middle icon" src="../images/alignobjectmiddle.png" /> - to line up the object(s) vertically by the middle of the slide,</li>
|
||||
<li><b>Align Bottom</b> <img alt="Align Bottom icon" src="../images/alignobjectbottom.png" /> - to line up the object(s) vertically by the bottom side of the slide.</li>
|
||||
</ul>
|
||||
<p>To <b>distribute</b> two or more selected objects horizontally or vertically<!--so that the equal distance appears between them-->, click the <b>Align Shape</b> <img alt="Align Shape icon" src="../images/alignshape.png" /> icon at the top toolbar and select the necessary distribution type from the list:</p>
|
||||
<ul>
|
||||
<li><b>Distribute Horizontally</b> <img alt="Distribute Horizontally icon" src="../images/distributehorizontally.png" /> - <!--to distribute objects evenly between the most left and most right objects on a slide-->to align the selected objects by their centers (from right to left edges) to the horizontal center of the slide</li>
|
||||
<li><b>Distribute Vertically</b> <img alt="Distribute Vertically icon" src="../images/distributevertically.png" /> - <!--to distribute objects evenly between the most top and most bottom objects on a slide-->to align the selected objects by their centers (from top to bottom edges) to the vertical center of the slide.</li>
|
||||
</ul>
|
||||
<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 top toolbar and select the necessary arrangement type from the list:</p>
|
||||
<ul>
|
||||
<li><b>Bring To Foreground</b> <img alt="Bring To Front 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 Back icon" src="../images/sendtoback.png" /> - to move the object(s) behind all other objects,</li>
|
||||
<li><b>Move 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>Move 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>To <b>group</b> two or more 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 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>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Align your text in a line or paragraph</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Everything that pertains to the text alignment in line or paragraph: aligning left, right, justified, center" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Align your text in a line or paragraph</h1>
|
||||
<p>The text is commonly aligned 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>select the alignment type you would like to apply:
|
||||
<ul>
|
||||
<li><b>Left</b> alignment with the text lined up by the left side of the page (the right side remains unaligned) is done with the <b>Align Left</b> <img alt="Align Left icon" src="../images/alignleft.png" /> icon situated at the top toolbar.</li>
|
||||
<li><b>Center</b> alignment with the text lined up by the center of the page (the right and the left sides remains unaligned) is done with the <b>Align Center</b> <img alt="Align Center icon" src="../images/aligncenter.png" /> icon situated at the top toolbar.</li>
|
||||
<li><b>Right</b> alignment with the text lined up by the right side of the page (the left side remains unaligned) is done with the <b>Align Right</b> <img alt="Align Right icon" src="../images/alignright.png" /> icon situated at the top toolbar.</li>
|
||||
<li><b>Justify</b> alignment with the text lined up by both the left and the right sides of the page (additional spacing is added where necessary to keep the alignment) is done with the <b>Justify</b> <img alt="Justify icon" src="../images/justify.png" /> icon situated at the top toolbar.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,38 @@
|
||||
<!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" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Apply transitions</h1>
|
||||
<p>A <b>transition</b> is an animation 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.
|
||||
</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>
|
||||
@@ -0,0 +1,25 @@
|
||||
<!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" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<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">using the keyboard</a>,</li>
|
||||
<li>click the <b>Copy Style</b> <img alt="Copy Style" src="../images/copystyle.png" /> icon at the top toolbar,</li>
|
||||
<li>select the text passage you want to apply the same formatting to.</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 top toolbar.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,30 @@
|
||||
<!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" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Copy/paste data, undo/redo your actions</h1>
|
||||
<p>To cut, copy and paste selected objects (slides, text passages, autoshapes) in your presentation or undo/redo your actions use the corresponding icons at the top toolbar:</p>
|
||||
<ul>
|
||||
<li><b>Copy</b> – select an object and use the <b>Copy</b> <img alt="Copy icon" src="../images/copy.png" /> icon to copy the selection to the computer clipboard memory. The copied object can be later inserted to another place in the same presentation<!--, into another presentation, or into some other program-->.</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> <img alt="Paste icon" src="../images/paste.png" /> icon. The object will be inserted at the current cursor position. The object can be previously copied from the same presentation<!--, from another presentation or from some other program-->.
|
||||
<p>You can also use the following key combinations to perform the necessary operations:</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>
|
||||
</li>
|
||||
<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>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Create lists</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Create bulleted and numbered lists in the presentation" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Create lists</h1>
|
||||
<p>To create a list in your presentation,</p>
|
||||
<ol>
|
||||
<li>place the cursor to the position within the text block where a list will be started (this can be a new line or the already entered text),</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>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,88 @@
|
||||
<!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" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Fill objects and select colors</h1>
|
||||
<p>You can apply different fills for the slide background as well as for autoshapes.</p>
|
||||
<ol>
|
||||
<li>Select an object
|
||||
<p>To change the slide background fill, select the necessary slides in the slide list. The <b>Slide Settings</b> tab will be activated at the the right sidebar.</p>
|
||||
<p>To change the autoshape fill, left-click the necessary autoshape. The <b>Shape Settings</b> tab will be activated at the the right sidebar.</p>
|
||||
</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, 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>
|
||||
@@ -0,0 +1,82 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Insert and format autoshapes</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Add an autoshape to your presentation and adjust its properties." />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Insert and format autoshapes</h1>
|
||||
<p>To <b>add</b> an autoshape on a slide,</p>
|
||||
<ol>
|
||||
<li>in the slide list on the left, select the slide you want to add the autoshape to,</li>
|
||||
<li>click the <b>Insert Autoshape</b> <img alt="Insert Autoshape icon" src="../images/autoshape.png" /> icon at the top toolbar,</li>
|
||||
<li>select one of the available autoshape groups: Basic Shapes, Figured Arrows, Math, Charts, Stars & Ribbons, Callouts, Buttons, Rectangles, Lines,</li>
|
||||
<li>click on the necessary autoshape within the selected group,</li>
|
||||
<li>in the slide editing area, place the mouse cursor where you want the shape to be put,
|
||||
<p class="note"><b>Note</b>: you can click and drag to stretch the shape.</p>
|
||||
</li>
|
||||
<li>once the autoshape is added you can <a href="../UsageInstructions/ManipulateObjects.htm">change its size, position</a> and properties.
|
||||
<p class="note"><b>Note</b>: to add a caption within the autoshape make sure the shape is selected on the slide and start typing your text. The text you add in this way becomes a part of the autoshape (when you move or rotate the shape, the text moves or rotates with it).</p>
|
||||
</li>
|
||||
</ol>
|
||||
<hr />
|
||||
<p>Some of the autoshape settings can be altered using the <b>Shape Settings</b> tab of the right sidebar. To activate it click the autoshape and choose the <b>Shape Settings</b> <img alt="Shape Settings icon" src="../images/shape_settings_icon.png" /> icon on the right. Here you can change the following properties:</p>
|
||||
<p><img class="floatleft"alt="Shape Settings tab" src="../images/ShapeSettingsTab.png" /></p>
|
||||
<ul style="margin-left: 280px;">
|
||||
<li><b>Fill</b> - use this section to select the autoshape fill. You can choose the following options:
|
||||
<ul>
|
||||
<li><b>Color Fill</b> - to specify the solid color you want to apply to the selected shape.</li>
|
||||
<li><b>Gradient Fill</b> - to fill the shape with two colors which smoothly change from one to another.</li>
|
||||
<li><b>Picture or Texture</b> - to use an image or a predefined texture as the shape background.</li>
|
||||
<li><b>Pattern</b> - to fill the shape 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">Fill objects and select colors</a> section.</p>
|
||||
</li>
|
||||
<li><b>Stroke</b> - use this section to change the autoshape stroke width and color.
|
||||
<ul>
|
||||
<li>To change the stroke <b>width</b>, select one of the available options from the <b>Size</b> drop-down list. The available options are: 0.5 pt, 1 pt, 1.5 pt, 2.25 pt, 3 pt, 4.5 pt, 6 pt. Or select the <b>No Line</b> option if you don't want to use any stroke.</li>
|
||||
<li>To change the stroke <b>color</b>, click on the colored box below and <a href="../UsageInstructions/FillObjectsSelectColor.htm">select the necessary color</a>. You can use the selected <b>theme color</b>, a <b>standard color</b> or choose a <b>custom color</b>.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<p>To change the <b>advanced settings</b> of the autoshape, right-click the shape and select the <b>Shape Advanced Settings</b> option from the contextual menu or left-click it and press the <b>Show advanced settings</b> link at the right sidebar. The shape properties window will be opened:</p>
|
||||
<img alt="Shape Properties - Size tab" src="../images/shape_properties1.png" />
|
||||
<p>The <b>Size</b> tab allows to change the autoshape <b>Width</b> and/or <b>Height</b>. If the <b>Constant Proportions</b> <img alt="Constant Proportions icon" src="../images/constantproportions.png" /> button is clicked, the width and height will be changed together preserving the original autoshape aspect ratio.</p>
|
||||
<img alt="Shape Properties - Weights & Arrows tab" src="../images/shape_properties.png" />
|
||||
<p>The <b>Weights & Arrows</b> tab contains the following parameters:</p>
|
||||
<ul>
|
||||
<li><b>Line Style</b> - this option group allows to specify the following parameters:
|
||||
<ul>
|
||||
<li><b>Cap Type</b> - this option allows to set the style for the end of the line, therefore it can be applied only to the shapes with the open outline, such as lines, polylines etc.:
|
||||
<ul>
|
||||
<li><b>Flat</b> - the end points will be flat.</li>
|
||||
<li><b>Round</b> - the end points will be rounded.</li>
|
||||
<li><b>Square</b> - the end points will be square.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Join Type</b> - this option allows to set the style for the intersection of two lines, for example, it can affect a polyline or the corners of the triangle or rectangle outline:
|
||||
<ul>
|
||||
<li><b>Round</b> - the corner will be rounded.</li>
|
||||
<li><b>Bevel</b> - the corner will be cut off angularly.</li>
|
||||
<li><b>Miter</b> - the corner will be pointed. It goes well to shapes with sharp angles.</li>
|
||||
</ul>
|
||||
<p class="note"><b>Note</b>: the effect will be more noticeable if you use a large outline width.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Arrows</b> - this option group is available if a shape from the <b>Lines</b> shape group is selected. It allows to set the arrow <b>Start</b> and <b>End Style</b> and <b>Size</b> by selecting the appropriate option from the drop-down lists.</li>
|
||||
</ul>
|
||||
<img alt="Shape Properties - Margins tab" src="../images/shape_properties3.png" />
|
||||
<p><a id="internalmargins"></a>The <b>Margins</b> tab allows to change the autoshape <b>Top</b>, <b>Bottom</b>, <b>Left</b> and <b>Right</b> internal margins (i.e. the distance between the text within the shape and the autoshape borders).</p>
|
||||
<hr />
|
||||
<p>To <b>replace</b> the added autoshape, left-click it and use the <b>Change Autoshape</b> drop-down list at the <b>Shape Settings</b> tab of the right sidebar.</p>
|
||||
<p>To <b>delete</b> the added autoshape, left-click it and press the <b>Delete</b> key on the keyboard.</p>
|
||||
<p>To learn how to <b>align</b> an autoshape on the slide or <b>arrange</b> several autoshapes, refer to the <a href="../UsageInstructions/AlignArrangeObjects.htm">Align and arrange objects on a slide</a> section.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Insert and adjust images</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Add an image to your presentation and adjust its size and position." />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Insert and adjust images</h1>
|
||||
<p>In ONLYOFFICE™ Presentation Editor, you can insert images in the most popular formats into your presentation. The following image formats are supported: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>, <b>ICO</b>.</p>
|
||||
<p>To <b>add</b> an image on a slide,</p>
|
||||
<ol>
|
||||
<li>in the slide list on the left, select the slide you want to add the image to,</li>
|
||||
<li>click the <b>Insert Image</b> <img alt="Insert Image icon" src="../images/image.png" /> icon at the top toolbar,</li>
|
||||
<li>select one of the following options to load the image:
|
||||
<ul>
|
||||
<li>the <b>Picture from File</b> option will open the standard Windows dialog window for file selection. Browse your computer hard disk drive for the necessary file and click the <b>Open</b> button</li>
|
||||
<li>the <b>Picture from URL</b> option will open the window where you can enter the necessary image web address and click the <b>OK</b> button</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>once the image is added you can <a href="../UsageInstructions/ManipulateObjects.htm">change its size and position</a>.</li>
|
||||
</ol>
|
||||
<hr />
|
||||
<img class="floatleft"alt="Image Settings tab" src="../images/imagesettingstab.png" />
|
||||
<p>The right sidebar is activated when you left-click an image and choose the <b>Image Settings</b> <img alt="Image Settings icon" src="../images/image_settings_icon.png" /> icon on the right. It contains the following sections:</p>
|
||||
<p><b>Size</b> - is used to view the current image <b>Width</b> and <b>Height</b> or restore the image <b>Default Size</b> if necessary.</p>
|
||||
<p><b>Replace Image</b> - is used to load another image instead of the current one selecting the desired source. You can select one of the options: <b>From File</b> or <b>From URL</b>.</p>
|
||||
<hr />
|
||||
<p>To change the <b>advanced settings</b> of the image, right-click the image and select the <b>Image Advanced Settings</b> option from the contextual menu or left-click the image and press the <b>Show advanced settings</b> link at the right sidebar. The image properties window will be opened:</p>
|
||||
<img alt="Image Properties" src="../images/image_properties.png" />
|
||||
<p>Here you can set the following image properties:</p>
|
||||
<ul>
|
||||
<li><b>Size</b> - use this option to change the image width and/or height. If the <b>Constant Proportions</b> <img alt="Constant Proportions icon" src="../images/constantproportions.png" /> button is clicked, the width and height will be changed together preserving the original image aspect ratio. To restore the default size of the added image, click the <b>Default Size</b> button.</li>
|
||||
<li><b>Position</b> - use this option to change the image position on the slide (the position is calculated from the top and the left side of the slide).</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<p>To <b>delete</b> the inserted image, left-click it and press the <b>Delete</b> key on the keyboard.</p>
|
||||
<p>To learn how to <b>align</b> an image on the slide or <b>arrange</b> several images, refer to the <a href="../UsageInstructions/AlignArrangeObjects.htm">Align and arrange objects on a slide</a> section.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,78 @@
|
||||
<!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" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Insert and format tables</h1>
|
||||
<p>To insert a table onto a slide,</p>
|
||||
<ol>
|
||||
<li>select the slide where a table will be added,</li>
|
||||
<li>click the <b>Insert Table</b> <img alt="Insert Table icon" src="../images/inserttable.png" /> 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 specify the <a href="../UsageInstructions/ManipulateObjects.htm">table position</a> on the slide dragging it vertically or horizontally.</p>
|
||||
<hr />
|
||||
<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 style="margin-left: 280px;">
|
||||
<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>
|
||||
<p class="note"><b>Note</b>: in case you select not to show table borders choosing an appropriate template, or selecting the <b>No borders</b> option, or clicking the <img alt="No borders" src="../images/noborders.png" /> icon, they will be indicated by a dotted line on the slide.</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>
|
||||
<hr />
|
||||
<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>Here you can 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>
|
||||
<hr />
|
||||
<p>To <b>format the entered text</b> within the table cells, you can use <a href="../UsageInstructions/InsertText.htm">icons at 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>
|
||||
@@ -0,0 +1,156 @@
|
||||
<!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" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Insert and format your text</h1>
|
||||
<p><b>Insert your text</b></p>
|
||||
<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. To do that:
|
||||
<ol>
|
||||
<li>click the <b>Insert Text</b> <img alt="Insert Text icon" src="../images/inserttexticon.png" /> icon at the top toolbar, or<br />
|
||||
click the <b>Insert Autoshape</b> <img alt="Insert Autoshape icon" src="../images/autoshape.png" /> icon at the top toolbar and select the <img alt="Insert Text autoshape" src="../images/text_autoshape.png" /> shape from the <b>Basic Shapes</b> group,
|
||||
</li>
|
||||
<li>put the mouse cursor to the place where you want to insert the text and drag the text block border,</li>
|
||||
<li>in the text block that appears, enter your text or paste it using the <b>Ctrl+V</b> key combination.</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>Add a text passage within an autoshape. Select a shape and start typing your text. The text you add in this way becomes a part of the autoshape (when you move or rotate the shape, the text moves or rotates with it).</li>
|
||||
</ul>
|
||||
<p>You can <a href="../UsageInstructions/ManipulateObjects.htm">resize, rotate or move</a> a text placeholder/block using the special handles.</p>
|
||||
<p>To learn how to <b>align a text block on the slide</b> or <b>arrange text blocks</b> as related to other objects, refer to the <a href="../UsageInstructions/AlignArrangeObjects.htm">Align and arrange objects on a slide</a> section.</p>
|
||||
<p>To change the <b>border or fill</b> of the text placeholder/block, click on its border - the <b>Shape Settings</b> tab will be activated at the right sidebar. For more detailed information please refer to the <a href="../UsageInstructions/FillObjectsSelectColor.htm">Fill objects and select colors</a> section.</p>
|
||||
<hr />
|
||||
<p><b>Align your text within the text block</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 on 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 block (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 block (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 block (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 block (additional spacing is added where necessary to keep the alignment).</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<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 on 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 block.</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 block.</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 block.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<hr />
|
||||
<p><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 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">using the keyboard</a> and apply the formatting.</p>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Font Name</td>
|
||||
<td><img alt="Font Name" src="../images/fontfamily.png" /></td>
|
||||
<td>Is used to select one of the fonts from the list of the available ones.</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, or can be entered manually to the font size field.</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">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>
|
||||
<hr />
|
||||
<p><b>Set line spacing and change paragraph indents</b></p>
|
||||
<p>In ONLYOFFICE™ Presentation Editor, 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="Shape 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 <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). In the <b>At</b> field you can specify the necessary value.</li>
|
||||
<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>
|
||||
</ol>
|
||||
<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 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 block, put the cursor within the paragraph you need, or select several paragraphs with the mouse and use the respective icons at 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>
|
||||
<hr />
|
||||
<p>You can also change the <b>advanced settings</b> of the paragraph. Put the cursor within the paragraph you need - the <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 & Placement tab" src="../images/textadvancedsettings1.png" />
|
||||
<p>The <b>Indents & Placement</b> tab allows to change the <b>first line</b> offset from the left <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins">internal margin</a> of the text block as well as the paragraph offset from the <b>left</b> and <b>right</b> internal margins of the text block.</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.</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>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>Default Tab</b> is set at 1.25 cm. You can decrease or increase this value using the arrow buttons or enter the necessary one in the box.</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> radiobutton 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>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Set paragraph line spacing</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Set paragraph line spacing in your document" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Set paragraph line spacing</h1>
|
||||
<p>In ONLYOFFICE™ Document Editor, 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>To do that,</p>
|
||||
<ol>
|
||||
<li>put the cursor within the paragraph you need, or select several paragraphs with the mouse or all the text in the document by pressing the <b>Ctrl+A</b> key combination,</li>
|
||||
<li>use the corresponding fields 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). In the <b>At</b> field you can specify the necessary value.</li>
|
||||
<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>
|
||||
<li><b>Don't add interval between paragraphs of the same style</b> - check this box in case you don't need any space between paragraphs of the same style.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<p>To quickly change the current paragraph line spacing, you can also use the <b>Paragraph Line Spacing</b> <img alt="Paragraph Line Spacing" src="../images/linespacing.png" /> icon at 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>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,57 @@
|
||||
<!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" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Manage slides</h1>
|
||||
<p>By default, a newly created presentation has one blank Title slide.</p>
|
||||
<p><b>To create a new slide:</b></p>
|
||||
<ol>
|
||||
<li>click the <b>Add Slide</b> <img alt="Add Slide icon" src="../images/AddSlide.png" /> icon at 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">Set slide parameters</a> section.</p>
|
||||
</li>
|
||||
</ol>
|
||||
<p>Alternatively, you can right-click any slide in the list and select the <b>New Slide</b> option from the contextual menu.</p>
|
||||
<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 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>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Manipulate objects on a slide</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Move, rotate, resize and reshape autoshapes, images, charts." />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Manipulate objects on a slide</h1>
|
||||
<p>You can resize, move, rotate different objects on a slide manually using the special handles. You can also specify the dimensions and position of some objects exactly using the right sidebar or <b>Advanced Settings</b> window.</p>
|
||||
<p><b>Resize objects</b></p>
|
||||
<p>To change the <b>autoshape/image/chart/text block</b> size, drag small squares <img alt="Square icon" src="../images/resize_square.png" /> situated on the object edges. To maintain the original proportions of the selected object while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</p>
|
||||
<p><img alt="Maintaining proportions" src="../images/maintain_proportions.png" /></p>
|
||||
<p>To specify the precise width and height of a <b>chart</b>, select it on a slide and use the <b>Size</b> section of the right sidebar that will be activated.</p>
|
||||
<p>To specify the precise dimensions of an <b>image</b> or <b>autoshape</b>, right-click the necessary object on the slide and select the <b>Image/Shape Advanced Settings</b> option from the menu. Specify necessary values on the <b>Size</b> tab of the <b>Advanced Settings</b> window and press <b>OK</b>.</p>
|
||||
<p><b>Reshape autoshapes</b></p>
|
||||
<p>When modifying some shapes, for example Figured arrows or Callouts, the yellow diamond-shaped <img alt="Yellow diamond icon" src="../images/yellowdiamond.png" /> icon is also available. It allows to adjust some aspects of the shape, for example, the length of the head of an arrow.</p>
|
||||
<p><img alt="Reshaping autoshape" src="../images/reshaping.png" /></p>
|
||||
<p><b>Move objects</b></p>
|
||||
<p>To alter the <b>autoshape/image/chart/table/text block</b> position, use the <img alt="Arrow" src="../images/arrow.png" /> icon that appears after hovering your mouse cursor over the object. Drag the object to the necessary position without releasing the mouse button.
|
||||
To move the object by the one-pixel increments, hold down the <b>Ctrl</b> key and use the keybord arrows.
|
||||
To move the object strictly horizontally/vertically and prevent it from moving in a perpendicular direction, hold down the <b>Shift</b> key when dragging.</p>
|
||||
<p>To specify the precise position of an <b>image</b>, right-click it on a slide and select the <b>Image Advanced Settings</b> option from the menu. Specify necessary values in the <b>Position</b> section of the <b>Advanced Settings</b> window and press <b>OK</b>.</p>
|
||||
<p><b>Rotate objects</b></p>
|
||||
<p>To rotate an <b>autoshape/image/text block</b>, hover the mouse cursor over the rotation handle <img alt="Rotation handle" src="../images/greencircle.png" /> and drag it clockwise or counterclockwise. To constrain the rotation angle to 15 degree increments, hold down the <b>Shift</b> key while rotating.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Create a new presentation or open an existing one</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Open a recently edited presentation, create a new one, or return to the list of existing presentations" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Create a new presentation or open an existing one</h1>
|
||||
<p>When ONLYOFFICE™ Presentation Editor is open, you can immediately proceed to an already existing presentation that you have recently edited, create a new one, or return to the list of existing presentations.</p>
|
||||
<p>To create a new presentation within ONLYOFFICE™ Presentation Editor:</p>
|
||||
<ol>
|
||||
<li>click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar,</li>
|
||||
<li>select the <b>Create New</b> option. <!--Here you can choose whether to create a <b>blank</b> text document or use one of the available document <b>templates</b>: contract, letter, list, or plan.--></li>
|
||||
</ol>
|
||||
<p>To open a recently edited presentation within ONLYOFFICE™ Presentation Editor:</p>
|
||||
<ol>
|
||||
<li>click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar,</li>
|
||||
<li>select the <b>Open Recent</b> option,</li>
|
||||
<li>choose the presentation you need from the list of recently edited presentations.</li>
|
||||
</ol>
|
||||
<p>To return to the list of existing presentations, click the <b>Go to Documents</b> link in the right upper corner or the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Go to Documents</b> option.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,24 @@
|
||||
<!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" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Preview your presentation</h1>
|
||||
<p>To preview your currently edited presentation:</p>
|
||||
<ol>
|
||||
<li>click the <b>Start Preview</b> <img alt="Start Preview icon" src="../images/startpreview.png" /> icon at the top toolbar.
|
||||
<p class="note"><b>Note</b>: to preview the presentation starting from a certain slide, you can select it within the slide list on the left, right-click it and choose the <b>Preview</b> option from the menu.</p>
|
||||
<p>The <b>Preview</b> mode will be enabled.</p>
|
||||
</li>
|
||||
<li>click the <b>Start Presentation</b> <img alt="Start Presentation icon" src="../images/startpresentation.png" /> button at the bottom left corner of the screen.</li>
|
||||
</ol>
|
||||
<p>Use the corresponding controls at the bottom left corner to <b>Pause Presentation</b> <img alt="Pause Presentation icon" src="../images/pausepresentation.png" />, preview <b>Next Slide</b> <img alt="Next Slide icon" src="../images/nextslide.png" />, <b>Previous Slide</b> <img alt="Previous Slide icon" src="../images/previousslide.png" />, <b>Close Preview</b> <img alt="Close Preview icon" src="../images/closepreview.png" /> or <a href="../HelpfulHints/KeyboardShortcuts.htm#preview">use the keyboard shortcuts</a>.</p>
|
||||
<p class="note"><b>Note</b>: to go to a certain slide in the preview mode, click on the <b>Slide Number Indicator</b> and enter the necessary slide number in the opened window.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Save/print/download your presentation</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Save, print and download your presentations in various formats" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Save/print/download your presentation</h1>
|
||||
<p>By default, <b>ONLYOFFICE™ Рresentation Editor</b> automatically saves your file each 10 minutes when you work on it preventing your data loss in case of the unexpected program closing. If you need, you can easily change the periodicity of the autosaving or even disable this feature on the <a href="../HelpfulHints/AdvancedSettings.htm">Advanced Settings</a> page.</p>
|
||||
<p>To save your current presentation manually,</p>
|
||||
<ul>
|
||||
<li>press the <b>Save</b> <img alt="Save icon" src="../images/save.png" /> icon at the top toolbar, or</li>
|
||||
<li>use the <b>Ctrl+S</b> key combination, or</li>
|
||||
<li>click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Save</b> option.</li>
|
||||
</ul>
|
||||
<p>To print out the current presentation,</p>
|
||||
<ul>
|
||||
<li>click the <b>Print</b> <img alt="Print icon" src="../images/print.png" /> icon at the top toolbar, or</li>
|
||||
<li>use the <b>Ctrl+P</b> key combination, or</li>
|
||||
<li>click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Print</b> option.</li>
|
||||
</ul>
|
||||
<p>After that a PDF file will be generated on the basis of the edited presentation. You can open and print it out, or save onto your computer hard disk drive or removable medium to print it out later.</p>
|
||||
<p>To download the resulting presentation onto your computer hard disk drive,</p>
|
||||
<ol>
|
||||
<li>click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar,</li>
|
||||
<li>select the <b>Download as</b> option,</li>
|
||||
<li>choose one of the available formats depending on your needs: PDF, PPTX.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Set page parameters</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Set page parameters: page orientation and size" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Set page parameters</h1>
|
||||
<p>To set page orientation and size, use the corresponding icons at the top toolbar:</p>
|
||||
<ul>
|
||||
<li><b>Page Orientation</b> - change the current orientation type clicking the <b>Page Orientation</b> <img alt="Page Orientation icon" src="../images/orientation.png" /> icon. The default orientation type is <b>Portrait</b> that can be switched to <b>Album</b>.</li>
|
||||
<li><b>Page Size</b> - change the default A4 format clicking the <b>Page Size</b> <img alt="Page Size icon" src="../images/pagesize.png" /> icon and selecting the needed one from the list. The available preset sizes are: US Letter (21,59cm x 27,94cm), US Legal (21,59cm x 35,56cm), A4 (21cm x 29,7cm), A5 (14,81cm x 20,99cm), B5 (17,6cm x 25,01cm), Envelope #10 (10,48cm x 24,13cm), Envelope DL (11,01cm x 22,01cm), Tabloid (27,94cm x 43,17cm), AЗ (29,7cm x 42,01cm), Tabloid Oversize (30,48cm x 45,71cm), ROC 16K (19,68cm x 27,3cm), Envelope Choukei 3 (11,99cm x 23,49cm), Super B/A3 (33,02cm x 48,25cm).</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,69 @@
|
||||
<!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" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>Set slide parameters</h1>
|
||||
<p>To customize your presentation, you can select a theme, color scheme and slide size for the whole presentation, as well as change the background fill or slide layout for each separate slide. You can also apply transitions between the slides.</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 in the right part of the top toolbar. 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>
|
||||
</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 <b>Change Color Scheme</b> <img alt="Change Color Scheme icon" src="../images/Changecolorscheme.png" /> icon at the top toolbar and select the necessary scheme from the drop-down list. The selected scheme will be 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 <b>Select Slide Size</b> <img alt="Select Slide Size icon" src="../images/SelectSlideSizeIcon.png" /> icon at 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>
|
||||
</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">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,</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">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 <b>Change Slide Layout</b> <img alt="Change Slide Layout icon" src="../images/ChangeLayout.png" /> icon at 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, 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, Title and Object, Section Header, Two Objects, Two Texts and Two Objects, Title Only, Blank, Title, Object and Caption, Picture and Caption, Vertical Text, Vertical Title and Text.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>View document information</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="View document title, author, location, creation date, persons with the rights to view or edit the document, and statistics" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>View document information</h1>
|
||||
<p>To access the detailed information about the currently edited document, click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Document Info</b> option.</p>
|
||||
<p>The document information includes document title, author, location, creation date, persons with the rights to view or edit the document, and statistics: the number of pages, paragraphs, words, symbols, symbols with spaces.</p>
|
||||
<p>To close the <b>File</b> pane and return to document editing, select the <b>Return to Document</b> option.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,18 @@
|
||||
<!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" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<h1>View presentation information</h1>
|
||||
<p>To access the detailed information about the currently edited presentation, click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Presentation Info</b> option.</p>
|
||||
<p>The presentation information includes presentation title, author, location, creation date and persons with the rights to view or edit the presentation.</p>
|
||||
<p>If you have full access to this presentation, 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>
|
||||
<p>To close the <b>File</b> pane and return to presentation editing, select the <b>Return to Presentation</b> option.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,121 @@
|
||||
body
|
||||
{
|
||||
font-family: Tahoma, Arial, Verdana;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
border: none;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
img.floatleft
|
||||
{
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
li
|
||||
{
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
.mainpart
|
||||
{
|
||||
margin: 0;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
.mainpart h1
|
||||
{
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table,
|
||||
tr,
|
||||
td,
|
||||
th
|
||||
{
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-bottom: solid 1px #E4E4E4;
|
||||
border-collapse: collapse;
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
margin: 20px 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
th
|
||||
{
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
td.function
|
||||
{
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
td.shortfunction
|
||||
{
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
td.combination
|
||||
{
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
td.description
|
||||
{
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
td.longdescription
|
||||
{
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.note
|
||||
{
|
||||
background: #F4F4F4 url(images/help.png) no-repeat 7px 5px;
|
||||
font-size: 11px;
|
||||
padding: 10px 20px 10px 37px;
|
||||
width: 90%;
|
||||
margin: 10px 0;
|
||||
line-height: 1em;
|
||||
min-height: 14px;
|
||||
}
|
||||
|
||||
hr
|
||||
{
|
||||
height: 1px;
|
||||
width: 90%;
|
||||
text-align: left;
|
||||
margin: 10px 0 15px;
|
||||
color: #E4E4E4;
|
||||
background-color: #E4E4E4;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
a
|
||||
{
|
||||
color: #7496DD;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:hover
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 225 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 264 B |
Binary file not shown.
|
After Width: | Height: | Size: 213 B |
Binary file not shown.
|
After Width: | Height: | Size: 298 B |
Binary file not shown.
|
After Width: | Height: | Size: 401 B |
Binary file not shown.
|
After Width: | Height: | Size: 479 B |
Binary file not shown.
|
After Width: | Height: | Size: 400 B |
Binary file not shown.
|
After Width: | Height: | Size: 395 B |
Binary file not shown.
|
After Width: | Height: | Size: 409 B |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 196 B |
Binary file not shown.
|
After Width: | Height: | Size: 192 B |
Binary file not shown.
|
After Width: | Height: | Size: 236 B |
Binary file not shown.
|
After Width: | Height: | Size: 227 B |
Binary file not shown.
|
After Width: | Height: | Size: 330 B |
Binary file not shown.
|
After Width: | Height: | Size: 481 B |
Binary file not shown.
|
After Width: | Height: | Size: 151 B |
Binary file not shown.
|
After Width: | Height: | Size: 196 B |
Binary file not shown.
|
After Width: | Height: | Size: 174 B |
Binary file not shown.
|
After Width: | Height: | Size: 158 B |
Binary file not shown.
|
After Width: | Height: | Size: 162 B |
Binary file not shown.
|
After Width: | Height: | Size: 156 B |
Binary file not shown.
|
After Width: | Height: | Size: 179 B |
Binary file not shown.
|
After Width: | Height: | Size: 166 B |
Binary file not shown.
|
After Width: | Height: | Size: 171 B |
Binary file not shown.
|
After Width: | Height: | Size: 161 B |
Binary file not shown.
|
After Width: | Height: | Size: 185 B |
Binary file not shown.
|
After Width: | Height: | Size: 247 B |
Binary file not shown.
|
After Width: | Height: | Size: 149 B |
Binary file not shown.
|
After Width: | Height: | Size: 296 B |
Binary file not shown.
|
After Width: | Height: | Size: 778 B |
Binary file not shown.
|
After Width: | Height: | Size: 400 B |
Binary file not shown.
|
After Width: | Height: | Size: 339 B |
Binary file not shown.
|
After Width: | Height: | Size: 349 B |
Binary file not shown.
|
After Width: | Height: | Size: 321 B |
Binary file not shown.
|
After Width: | Height: | Size: 301 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 172 B |
Binary file not shown.
|
After Width: | Height: | Size: 179 B |
Binary file not shown.
|
After Width: | Height: | Size: 303 B |
Binary file not shown.
|
After Width: | Height: | Size: 276 B |
Binary file not shown.
|
After Width: | Height: | Size: 299 B |
Binary file not shown.
|
After Width: | Height: | Size: 288 B |
Binary file not shown.
|
After Width: | Height: | Size: 208 B |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 401 B |
Binary file not shown.
|
After Width: | Height: | Size: 648 B |
Binary file not shown.
|
After Width: | Height: | Size: 169 B |
Binary file not shown.
|
After Width: | Height: | Size: 256 B |
Binary file not shown.
|
After Width: | Height: | Size: 288 B |
Binary file not shown.
|
After Width: | Height: | Size: 355 B |
Binary file not shown.
|
After Width: | Height: | Size: 302 B |
Binary file not shown.
|
After Width: | Height: | Size: 342 B |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 223 B |
Binary file not shown.
|
After Width: | Height: | Size: 251 B |
Binary file not shown.
|
After Width: | Height: | Size: 241 B |
Binary file not shown.
|
After Width: | Height: | Size: 283 B |
Binary file not shown.
|
After Width: | Height: | Size: 248 B |
Binary file not shown.
|
After Width: | Height: | Size: 153 B |
Binary file not shown.
|
After Width: | Height: | Size: 196 B |
Binary file not shown.
|
After Width: | Height: | Size: 368 B |
Binary file not shown.
|
After Width: | Height: | Size: 301 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user