Feature/update help (#329)
|
@ -38,15 +38,18 @@
|
|||
{"src": "UsageInstructions/InsertImages.htm", "name": "Insert images"},
|
||||
{"src": "UsageInstructions/InsertAutoshapes.htm", "name": "Insert autoshapes"},
|
||||
{"src": "UsageInstructions/InsertCharts.htm", "name": "Insert charts" },
|
||||
{"src": "UsageInstructions/InsertTextObjects.htm", "name": "Insert text objects" },
|
||||
{"src": "UsageInstructions/InsertContentControls.htm", "name": "Insert content controls" },
|
||||
{"src": "UsageInstructions/CreateTableOfContents.htm", "name": "Create table of contents" },
|
||||
{ "src": "UsageInstructions/InsertTextObjects.htm", "name": "Insert text objects" },
|
||||
{ "src": "UsageInstructions/AddCaption.htm", "name": "Add caption" },
|
||||
{ "src": "UsageInstructions/InsertSymbols.htm", "name": "Insert symbols and characters" },
|
||||
{"src": "UsageInstructions/AlignArrangeObjects.htm", "name": "Align and arrange objects on a page" },
|
||||
{"src": "UsageInstructions/ChangeWrappingStyle.htm", "name": "Change wrapping style" },
|
||||
{"src": "UsageInstructions/InsertContentControls.htm", "name": "Insert content controls" },
|
||||
{"src": "UsageInstructions/CreateTableOfContents.htm", "name": "Create table of contents" },
|
||||
{"src": "UsageInstructions/UseMailMerge.htm", "name": "Use mail merge", "headername": "Mail Merge"},
|
||||
{"src": "UsageInstructions/InsertEquation.htm", "name": "Insert equations", "headername": "Math equations" },
|
||||
{"src": "HelpfulHints/CollaborativeEditing.htm", "name": "Collaborative document editing", "headername": "Document co-editing"},
|
||||
{"src": "HelpfulHints/Review.htm", "name": "Document Review"},
|
||||
{ "src": "HelpfulHints/Review.htm", "name": "Document Review" },
|
||||
{"src": "HelpfulHints/Comparison.htm", "name": "Compare documents"},
|
||||
{"src": "UsageInstructions/ViewDocInfo.htm", "name": "View document information", "headername": "Tools and settings"},
|
||||
{"src": "UsageInstructions/SavePrintDownload.htm", "name": "Save/download/print your document" },
|
||||
{"src": "HelpfulHints/AdvancedSettings.htm", "name": "Advanced settings of Document Editor"},
|
||||
|
|
|
@ -27,7 +27,8 @@
|
|||
<li><b>Alternate Input</b> is used to turn on/off hieroglyphs.</li>
|
||||
<li><b>Alignment Guides</b> is used to turn on/off alignment guides that appear when you move objects and allow you to position them on the page precisely.</li>
|
||||
<li><b>Compatibility</b> is used to <em>make the files compatible with older MS Word versions when saved as DOCX</em>.</li>
|
||||
<li><span class="onlineDocumentFeatures"><b>Autosave</b> is used in the <em>online version</em> to turn on/off automatic saving of changes you make while editing.</span> <span class="desktopDocumentFeatures"><b>Autorecover</b> - is used in the <em>desktop version</em> to turn on/off the option that allows to automatically recover documents in case of the unexpected program closing.</span></li>
|
||||
<li><span class="onlineDocumentFeatures"><b>Autosave</b> is used in the <em>online version</em> to turn on/off automatic saving of changes you make while editing.</span></li>
|
||||
<li><span class="desktopDocumentFeatures"><b>Autorecover</b> - is used in the <em>desktop version</em> to turn on/off the option that allows to automatically recover documents in case of the unexpected program closing.</span></li>
|
||||
<li class="onlineDocumentFeatures"><b>Co-editing Mode</b> is used to select the display of the changes made during the co-editing:
|
||||
<ul>
|
||||
<li>By default the <b>Fast</b> mode is selected, the users who take part in the document co-editing will see the changes in real time once they are made by other users.</li>
|
||||
|
|
|
@ -70,15 +70,30 @@
|
|||
<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. 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>The text passage you commented will be highlighted in the document. To view the comment, just click within the passage. If you need to disable this feature, click the <b>File</b> tab at the top toolbar, select the <b>Advanced Settings...</b> option and uncheck the <b>Turn on display of the comments</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>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 <img alt="Resolve icon" src="../images/resolveicon.png" /> icon 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 <img alt="Open again icon" src="../images/resolvedicon.png" /> icon. If you want to hide resolved comments, click the <b>File</b> tab at the top toolbar, select the <b>Advanced Settings...</b> option, uncheck the <b>Turn on display of the resolved comments</b> box and click <b>Apply</b>. In this case the resolved comments will be highlighted only if you click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon.</li>
|
||||
</ul>
|
||||
<p>The comment will be seen on the <b>Comments</b> panel on the left. 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, type in your reply text in the entry field and press the <b>Reply</b> button.</p>
|
||||
<p>If you are using the <b>Strict</b> co-editing mode, 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>The text passage you commented will be highlighted in the document. To view the comment, just click within the passage. If you need to disable this feature, click the <b>File</b> tab at the top toolbar, select the <b>Advanced Settings...</b> option and uncheck the <b>Turn on display of the comments</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>You can manage the added comments using the icons in the comment balloon or at the <b>Comments</b> panel on the left:</p>
|
||||
<ul>
|
||||
<li>edit the currently selected comment by clicking the <img alt="Edit icon" src="../images/editcommenticon.png" /> icon,</li>
|
||||
<li>delete the currently selected comment by clicking the <img alt="Delete icon" src="../images/deletecommenticon.png" /> icon,</li>
|
||||
<li>close the currently selected discussion by clicking the <img alt="Resolve icon" src="../images/resolveicon.png" /> icon 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 <img alt="Open again icon" src="../images/resolvedicon.png" /> icon. If you want to hide resolved comments, click the <b>File</b> tab at the top toolbar, select the <b>Advanced Settings...</b> option, uncheck the <b>Turn on display of the resolved comments</b> box and click <b>Apply</b>. In this case the resolved comments will be highlighted only if you click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon.</li>
|
||||
</ul>
|
||||
<h4>Adding mentions</h4>
|
||||
<p>When entering comments, you can use the <b>mentions</b> feature that allows to attract somebody's attention to the comment and send a notification to the mentioned user via email and <b>Talk</b>.</p>
|
||||
<p>To add a mention enter the "+" or "@" sign anywhere in the comment text - a list of the portal users will open. To simplify the search process, you can start typing a name in the comment field - the user list will change as you type. Select the necessary person from the list. If the file has not yet been shared with the mentioned user, the <b>Sharing Settings</b> window will open. <b>Read only</b> access type is selected by default. Change it if necessary and click <b>OK</b>.</p>
|
||||
<p>The mentioned user will receive an email notification that he/she has been mentioned in a comment. If the file has been shared, the user will also receive a corresponding notification.</p>
|
||||
<p>To remove comments,</p>
|
||||
<ol>
|
||||
<li>click the <img alt="Remove comment icon" src="../images/removecomment_toptoolbar.png" /> <b>Remove</b> button at the <b>Collaboration</b> tab of the top toolbar,</li>
|
||||
<li>select the necessary option from the menu:
|
||||
<ul>
|
||||
<li><b>Remove Current Comments</b> - to remove the currently selected comment. If some replies have beed added to the comment, all its replies will be removed as well.</li>
|
||||
<li><b>Remove My Comments</b> - to remove comments you added without removing comments added by other users. If some replies have beed added to your comment, all its replies will be removed as well.</li>
|
||||
<li><b>Remove All Comments</b> - to remove all the comments in the document that you and other users added.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<p>To close the panel with comments, click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon at the left sidebar once again.</p>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
@ -0,0 +1,94 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Compare documents</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Instructions on how to compare and merge two documents" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Compare documents</h1>
|
||||
<p class="note"><b>Note</b>: this option is available in the <b>paid</b> <em>online version</em> only starting from <b>Document Server</b> v. <b>5.5</b>.</p>
|
||||
<p>If you need to compare and merge two documents, you can use the document <b>Compare</b> feature. It allows to display the differences between two documents and merge the documents by accepting the changes one by one or all at once.</p>
|
||||
<p>After comparing and merging two documents, the result will be stored on the portal as a new version of the original file<!-- (in the <em>online version</em> of editors)-->. <!--In the desktop version, when you click the <b>Save</b> button, the dialog window will appear where you will be suggested to save a new file.--></p>
|
||||
<p>If you do not need to merge documents which are being compared, you can reject all the changes so that the original document remains unchanged.</p>
|
||||
|
||||
<h3 id="choosedocument">Choose a document for comparison</h3>
|
||||
<p>To compare two documents, open the original document that you need to compare and select the second document for comparison:</p>
|
||||
<ol>
|
||||
<li>switch to the <b>Collaboration</b> tab at the top toolbar and press the <img alt="Compare button" src="../images/comparebutton.png" /> <b>Compare</b> button,</li>
|
||||
<li>
|
||||
select one of the following options to load the document:
|
||||
<ul>
|
||||
<li>the <b>Document from File</b> option will open the standard dialog window for file selection. Browse your computer hard disk drive for the necessary <em>.docx</em> file and click the <b>Open</b> button.</li>
|
||||
<li>
|
||||
the <b>Document from URL</b> option will open the window where you can enter a link to the file stored in a third-party web storage (for example, Nextcloud) if you have corresponding access rights to it. The link must be a <b>direct link for downloading the file</b>. When the link is specified, click the <b>OK</b> button.
|
||||
<p class="note"><b>Note</b>: The direct link allows to download the file directly without opening it in a web browser. For example, to get a direct link in Nextcloud, find the necessary document in the file list, select the <b>Details</b> option from the file menu. Click the <b>Copy direct link (only works for users who have access to this file/folder)</b> icon to the right of the file name at the details panel. To find out how to get a direct link for downloading the file in a different third-party web storage, please refer to the corresponding third-party service documentation.</p>
|
||||
</li>
|
||||
<li class="onlineDocumentFeatures"> the <b>Document from Storage</b> option <!--(available in the <em>online version</em> only)--> will open the <b>Select Data Source</b> window. It displays the list of all the <em>.docx</em> documents stored on your portal you have corresponding access rights to. To navigate between the <b>Documents</b> module sections use the menu in the left part of the window. Select the necessary <em>.docx</em> document and click the <b>OK</b> button.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<p>When the second document for comparison is selected, the comparison process will start and the document will look as if it was opened in the <b>Review</b> mode. All the changes are highlighted with a color, and you can view the changes, navigate between them, accept or reject them one by one or all the changes at once. It's also possible to change the display mode and see how the document looks before comparison, in the process of comparison, or how it will look after comparison if you accept all changes.</p>
|
||||
|
||||
<h3 id="displaymode">Choose the changes display mode</h3>
|
||||
<p>Click the <img alt="Display Mode button" src="../images/review_displaymode.png" /> <b>Display Mode</b> button at the top toolbar and select one of the available modes from the list:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<b>Markup</b> - this option is selected by default. It is used to display the document <b>in the process of comparison</b>. This mode allows both to view the changes and edit the document.
|
||||
<p><img alt="Compare documents - Markup" src="../images/compare_markup.png" /></p>
|
||||
</li>
|
||||
<li>
|
||||
<b>Final</b> - this mode is used to display the document <b>after comparison</b> as if all the changes were accepted. This option does not actually accept all changes, it only allows you to see how the document will look like after you accept all the changes. In this mode, you cannot edit the document.
|
||||
<p><img alt="Compare documents - Final" src="../images/compare_final.png" /></p>
|
||||
</li>
|
||||
<li>
|
||||
<b>Original</b> - this mode is used to display the document <b>before comparison</b> as if all the changes were rejected. This option does not actually reject all changes, it only allows you to view the document without changes. In this mode, you cannot edit the document.
|
||||
<p><img alt="Compare documents - Original" src="../images/compare_original.png" /></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 id="managechanges">Accept or reject changes</h3>
|
||||
<p>Use the <img alt="To Previous Change button" src="../images/review_previous.png" /> <b>Previous</b> and the <img alt="To Next Change button" src="../images/review_next.png" /> <b>Next</b> buttons at the top toolbar to navigate among the changes.</p>
|
||||
<p>To accept the currently selected change you can:</p>
|
||||
<ul>
|
||||
<li>click the <img alt="Accept button" src="../images/review_accepttoptoolbar.png" /> <b>Accept</b> button at the top toolbar, or</li>
|
||||
<li>click the downward arrow below the <b>Accept</b> button and select the <b>Accept Current Change</b> option (in this case, the change will be accepted and you will proceed to the next change), or</li>
|
||||
<li>click the <b>Accept</b> <img alt="Accept button" src="../images/review_accept.png" /> button of the change notification.</li>
|
||||
</ul>
|
||||
<p>To quickly accept all the changes, click the downward arrow below the <img alt="Accept button" src="../images/review_accepttoptoolbar.png" /> <b>Accept</b> button and select the <b>Accept All Changes</b> option.</p>
|
||||
<p>To reject the current change you can:</p>
|
||||
<ul>
|
||||
<li>click the <img alt="Reject button" src="../images/review_rejecttoptoolbar.png" /> <b>Reject</b> button at the top toolbar, or</li>
|
||||
<li>click the downward arrow below the <b>Reject</b> button and select the <b>Reject Current Change</b> option (in this case, the change will be rejected and you will move on to the next available change), or</li>
|
||||
<li>click the <b>Reject</b> <img alt="Reject button" src="../images/review_reject.png" /> button of the change notification.</li>
|
||||
</ul>
|
||||
<p>To quickly reject all the changes, click the downward arrow below the <img alt="Reject button" src="../images/review_rejecttoptoolbar.png" /> <b>Reject</b> button and select the <b>Reject All Changes</b> option.</p>
|
||||
|
||||
<h3 id="comparisonnotes">Additional info on the comparison feature</h3>
|
||||
<h5>Method of the comparison</h5>
|
||||
<p>Documents are compared <b>by words</b>. If a word contains a change of at least one character (e.g. if a character was removed or replaced), in the result, the difference will be displayed as the change of the entire word, not the character.</p>
|
||||
<p>The image below illustrates the case when the original file contains the word 'Characters' and the document for comparison contains the word 'Character'.</p>
|
||||
<p><img alt="Compare documents - method" src="../images/compare_method.png" /></p>
|
||||
|
||||
<h5>Authorship of the document</h5>
|
||||
<p>When the comparison process is launched, the second document for comparison is being loaded and compared to the current one.</p>
|
||||
<ul>
|
||||
<li>If the loaded document contains some data which is not represented in the original document, the data will be marked as added by a reviewer.</li>
|
||||
<li>If the original document contains some data which is not represented in the loaded document, the data will be marked as deleted by a reviewer.</li>
|
||||
</ul>
|
||||
<p>If the authors of the original and loaded documents are the same person, the reviewer is the same user. His/her name is displayed in the change balloon.</p>
|
||||
<p>If the authors of two files are different users, then the author of the second file loaded for comparison is the author of the added/removed changes.</p>
|
||||
|
||||
<h5>Presence of the tracked changes in the compared document</h5>
|
||||
<p>If the original document contains some changes made in the review mode, they will be accepted in the comparison process. When you choose the second file for comparison, you'll see the corresponding warning message.</p>
|
||||
<p>In this case, when you choose the <b>Original</b> display mode, the document will not contain any changes.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -30,7 +30,7 @@
|
|||
<li>insert <a href="../UsageInstructions/InsertHeadersFooters.htm" onclick="onhyperlinkclick(this)">headers and footers</a> and <a href="../UsageInstructions/InsertPageNumbers.htm" onclick="onhyperlinkclick(this)">page numbers</a>,</li>
|
||||
<li>insert <a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">tables</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">images</a>, <a href="../UsageInstructions/InsertCharts.htm" onclick="onhyperlinkclick(this)">charts</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shapes</a>,</li>
|
||||
<li>insert <a href="../UsageInstructions/AddHyperlinks.htm" onclick="onhyperlinkclick(this)">hyperlinks</a>, <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">comments</a>,</li>
|
||||
<li>insert <a href="../UsageInstructions/InsertTextObjects.htm" onclick="onhyperlinkclick(this)">text boxes and Text Art objects</a>, <a href="../UsageInstructions/InsertEquation.htm" onclick="onhyperlinkclick(this)">equations</a>, <a href="../UsageInstructions/InsertDropCap.htm" onclick="onhyperlinkclick(this)">drop caps</a>, <a href="../UsageInstructions/InsertContentControls.htm" onclick="onhyperlinkclick(this)">content controls</a>.</li>
|
||||
<li>insert <a href="../UsageInstructions/InsertTextObjects.htm" onclick="onhyperlinkclick(this)">text boxes and Text Art objects</a>, <a href="../UsageInstructions/InsertEquation.htm" onclick="onhyperlinkclick(this)">equations</a>, <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">symbols</a>, <a href="../UsageInstructions/InsertDropCap.htm" onclick="onhyperlinkclick(this)">drop caps</a>, <a href="../UsageInstructions/InsertContentControls.htm" onclick="onhyperlinkclick(this)">content controls</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
<li><b>OCR</b> allows to recognize text included into a picture and insert it into the document text,</li>
|
||||
<li><b>PhotoEditor</b> allows to edit images: crop, flip, rotate them, draw lines and shapes, add icons and text, load a mask and apply filters such as Grayscale, Invert, Sepia, Blur, Sharpen, Emboss, etc.,</li>
|
||||
<li class="onlineDocumentFeatures"><b>Speech</b> allows to convert the selected text into speech,</li>
|
||||
<li><b>Symbol Table</b> allows to insert special symbols into your text,</li>
|
||||
<li><b>Symbol Table</b> allows to insert special symbols into your text (available in the <em>desktop version</em> only),</li>
|
||||
<li><b>Thesaurus</b> allows to search for synonyms and antonyms of a word and replace it with the selected one,</li>
|
||||
<li><b>Translator</b> allows to translate the selected text into other languages,</li>
|
||||
<li><b>YouTube</b> allows to embed YouTube videos into your document.</li>
|
||||
|
|
|
@ -29,6 +29,7 @@
|
|||
<li>insert <a href="../UsageInstructions/InsertFootnotes.htm" onclick="onhyperlinkclick(this)">footnotes</a>,</li>
|
||||
<li>insert <a href="../UsageInstructions/AddHyperlinks.htm" onclick="onhyperlinkclick(this)">hyperlinks</a>,</li>
|
||||
<li>add <a href="../UsageInstructions/InsertBookmarks.htm" onclick="onhyperlinkclick(this)">bookmarks</a>.</li>
|
||||
<li>add <a href="../UsageInstructions/Addcaption.htm" onclick="onhyperlinkclick(this)">captions</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Collaboration tab</h1>
|
||||
<p>The <b>Collaboration</b> tab allows to organize collaborative work on the document. <span class="onlineDocumentFeatures">In the <em>online version</em>, you can share the file, select a co-editing mode, manage comments, track changes made by a reviewer, view all versions and revisions.</span> <span class="desktopDocumentFeatures">In the <em>desktop version</em>, you can manage comments and use the Track Changes feature</span>.</p>
|
||||
<p>The <b>Collaboration</b> tab allows to organize collaborative work on the document. <span class="onlineDocumentFeatures">In the <em>online version</em>, you can share the file, select a co-editing mode, manage comments, track changes made by a reviewer, view all versions and revisions. In the commenting mode, you can add and remove comments, navigate between tracked changes, use chat and view version history.</span> <span class="desktopDocumentFeatures">In the <em>desktop version</em>, you can manage comments and use the Track Changes feature</span>.</p>
|
||||
<div class="onlineDocumentFeatures">
|
||||
<p>Online Document Editor window:</p>
|
||||
<p><img alt="Collaboration tab" src="../images/interface/reviewtab.png" /></p>
|
||||
|
@ -27,10 +27,11 @@
|
|||
<ul>
|
||||
<li class="onlineDocumentFeatures">specify <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">sharing settings</a> (available in the <em>online version</em> only),</li>
|
||||
<li class="onlineDocumentFeatures">switch between the <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">Strict and Fast</a> co-editing modes (available in the <em>online version</em> only),</li>
|
||||
<li>add <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">comments</a> to the document,</li>
|
||||
<li>add or remove <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">comments</a> to the document,</li>
|
||||
<li>enable the <a href="../HelpfulHints/Review.htm" onclick="onhyperlinkclick(this)">Track Changes</a> feature,</li>
|
||||
<li>choose the <a href="../HelpfulHints/Review.htm#displaymode" onclick="onhyperlinkclick(this)">changes display mode</a>,</li>
|
||||
<li>manage the <a href="../HelpfulHints/Review.htm#managechanges" onclick="onhyperlinkclick(this)">suggested changes</a>,</li>
|
||||
<li class="onlineDocumentFeatures">load a document for <a href="../HelpfulHints/Comparison.htm" onclick="onhyperlinkclick(this)">comparison</a> (available in the <em>online version</em> only),</li>
|
||||
<li class="onlineDocumentFeatures">open the <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel (available in the <em>online version</em> only),</li>
|
||||
<li class="onlineDocumentFeatures">track <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">version history</a> (available in the <em>online version</em> only).</li>
|
||||
</ul>
|
||||
|
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Add caption</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content=">The Caption is a numbered label that you can apply to objects, such as equations, tables, figures and images within your documents" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Add caption</h1>
|
||||
<p>The <b>Caption</b> is a numbered label that you can apply to objects, such as equations, tables, figures and images within your documents.</p>
|
||||
<p>This makes it easy to reference within your text as there is an easily recognizable label on your object.</p>
|
||||
<p>To add the caption to an object:</p>
|
||||
<ul>
|
||||
<li>select the object which one to apply a caption;</li>
|
||||
<li>switch to the <b>References</b> tab of the top toolbar;</li>
|
||||
<li>
|
||||
click the <img alt="Rich text content control" src="../images/caption_icon.png" /> <b>Caption</b> icon at the top toolbar or right lick o nthe object and select the <b>Insert Caption</b> option to open the <b>Insert Caption</b> dialogue box
|
||||
<ul>
|
||||
<li>choose the label to use for your caption by clicking the label drop-down and choosing the object;
|
||||
<p>or</p></li>
|
||||
<li>create a new label by clicking the <b>Add label</b> button to open the <b>Add label</b> dialogue box. Enter a name for the label into the label text box. Then click the <b>OK</b> button to add a new label into the label list;</li>
|
||||
</ul>
|
||||
<li>check the <b>Include chapter number</b> checkbox to change the numbering for your caption;</li>
|
||||
<li>in <b>insert</b> drop-down menu choose <b>Before</b> to place the label above the object or <b>After</b> to place it below the object;</li>
|
||||
<li>check the <b>Exclude label from caption</b> checkbox to leave only a number for this particular caption in accordance with a sequence number;</li>
|
||||
<li>you can then choose how to number your caption by assigning a specific style to the caption and adding a separator;</li>
|
||||
<li>to apply the caption click the <b>OK</b> button.</li>
|
||||
</ul>
|
||||
<p><img alt="Content Control settings window" src="../images/insertcaptionbox.png" /></p>
|
||||
<h2>Deleting a label</h2>
|
||||
<p>To <b>delete</b> a label you have created, choose the label from the label list within the caption dialogue box then click the <b>Delete label</b> button. The label you created will be immediately deleted.</p>
|
||||
<p class="note"><b>Note:</b>You may delete labels you have created but you cannot delete the default labels.</p>
|
||||
<h2>Formatting captions</h2>
|
||||
<p>As soon as you add a caption, a new style for captions is automatically added to the styles section. In order to change the style for all captions throughout the document, you should follow these steps:</p>
|
||||
<ul>
|
||||
<li>select the text a new <b>Caption</b> style will be copied from;</li>
|
||||
<li>search for the <b>Caption</b> style (highlighted in blue by default) in the styles gallery which you may find on <b>Home</b> tab of the top toolbar;</li>
|
||||
<li>right click on it and choose the <b>Update from selection</b> option.</li>
|
||||
</ul>
|
||||
<p><img alt="Content Control settings window" src="../images/updatefromseleciton.png" /></p>
|
||||
<h2>Grouping captions up</h2>
|
||||
<p>If you want to be able to move the object and the caption as one unit, you need <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">to group</a> the object and the caption together</p>
|
||||
<ul>
|
||||
<li>select the object;</li>
|
||||
<li>select one of the <b>Wrapping styles</b> using the right sidebar;</li>
|
||||
<li>add the caption as it is mentioned above;</li>
|
||||
<li>hold down Shift and select the items you want to group up;</li>
|
||||
<li><b>right click</b> on either item and choose <b>Arrange</b> > <b>Group</b>.</li>
|
||||
</ul>
|
||||
<p><img alt="Content Control settings window" src="../images/Groupup.png" /></p>
|
||||
<p>Now both items will move simultaneously if you drag them somewhere else in the document.</p>
|
||||
<p>To unbind the objects click on <b>Arrange</b> > <b>Ungroup</b> respectively.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -9,28 +9,30 @@
|
|||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Create lists</h1>
|
||||
<p>To create a list in your document,</p>
|
||||
<ol>
|
||||
<li>place the cursor to the position where a list will be started (this can be a new line or the already entered text),</li>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Create lists</h1>
|
||||
<p>To create a list in your document,</p>
|
||||
<ol>
|
||||
<li>place the cursor to the position where a list will be started (this can be a new line or the already entered text),</li>
|
||||
<li>switch to the <b>Home</b> tab of the top toolbar,</li>
|
||||
<li>select the list type you would like to start:
|
||||
<ul>
|
||||
<li><b>Unordered list</b> with markers is created using the <b>Bullets</b> <img alt="Unordered List icon" src="../images/bullets.png" /> icon situated at the top toolbar</li>
|
||||
<li><b>Ordered list</b> with digits or letters is created using the <b>Numbering</b> <img alt="Ordered List icon" src="../images/numbering.png" /> icon situated at the top toolbar
|
||||
<p class="note"><b>Note</b>: click the downward arrow next to the <b>Bullets</b> or <b>Numbering</b> icon to select how the list is going to look like.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>now each time you press the <b>Enter</b> key at the end of the line a new ordered or unordered list item will appear. To stop that, press the <b>Backspace</b> key and continue with the common text paragraph.</li>
|
||||
</ol>
|
||||
<li>
|
||||
select the list type you would like to start:
|
||||
<ul>
|
||||
<li><b>Unordered list</b> with markers is created using the <b>Bullets</b> <img alt="Unordered List icon" src="../images/bullets.png" /> icon situated at the top toolbar</li>
|
||||
<li>
|
||||
<b>Ordered list</b> with digits or letters is created using the <b>Numbering</b> <img alt="Ordered List icon" src="../images/numbering.png" /> icon situated at the top toolbar
|
||||
<p class="note"><b>Note</b>: click the downward arrow next to the <b>Bullets</b> or <b>Numbering</b> icon to select how the list is going to look like.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>now each time you press the <b>Enter</b> key at the end of the line a new ordered or unordered list item will appear. To stop that, press the <b>Backspace</b> key and continue with the common text paragraph.</li>
|
||||
</ol>
|
||||
<p>The program also creates numbered lists automatically when you enter digit 1 with a dot or a bracket and a space after it: <b>1.</b>, <b>1)</b>. Bulleted lists can be created automatically when you enter the <b>-</b>, <b>*</b> characters and a space after them.</p>
|
||||
<p>You can also change the text indentation in the lists and their nesting using the <b>Multilevel list</b> <img alt="Multilevel list icon" src="../images/outline.png" />, <b>Decrease indent</b> <img alt="Decrease indent icon" src="../images/decreaseindent.png" />, and <b>Increase indent</b> <img alt="Increase indent icon" src="../images/increaseindent.png" /> icons at the <b>Home</b> tab of the top toolbar.</p>
|
||||
<p class="note"><b>Note</b>: the additional indentation and spacing parameters can be changed at the right sidebar and in the advanced settings window. To learn more about it, read the <a href="ParagraphIndents.htm" onclick="onhyperlinkclick(this)">Change paragraph indents</a> and <a href="LineSpacing.htm" onclick="onhyperlinkclick(this)">Set paragraph line spacing</a> section.</p>
|
||||
<p class="note"><b>Note</b>: the additional indentation and spacing parameters can be changed at the right sidebar and in the advanced settings window. To learn more about it, read the <a href="ParagraphIndents.htm" onclick="onhyperlinkclick(this)">Change paragraph indents</a> and <a href="LineSpacing.htm" onclick="onhyperlinkclick(this)">Set paragraph line spacing</a> section.</p>
|
||||
|
||||
<h3>Join and separate lists</h3>
|
||||
<p>To join a list to the preceding one:</p>
|
||||
|
@ -61,6 +63,49 @@
|
|||
<li>use the <b>Set numbering value</b> option from the contextual menu,</li>
|
||||
<li>in a new window that opens, set the necessary numeric value and click the <b>OK</b> button.</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<h3>Change the list settings</h3>
|
||||
<p>To change the bulleted or numbered list settings, such as a bullet/number type, alignment, size and color:</p>
|
||||
<ol>
|
||||
<li>click an existing list item or select the text you want to format as a list,</li>
|
||||
<li>click the <b>Bullets</b> <img alt="Unordered List icon" src="../images/bullets.png" /> or <b>Numbering</b> <img alt="Ordered List icon" src="../images/numbering.png" /> icon at the <b>Home</b> tab of the top toolbar,</li>
|
||||
<li>select the <b>List Settings</b> option,</li>
|
||||
<li>
|
||||
the <b>List Settings</b> window will open. The bulleted list settings window looks like this:
|
||||
<p><img alt="Bulleted List Settings window" src="../images/bulletedlistsettings.png" /></p>
|
||||
<p>The numbered list settings window looks like this:</p>
|
||||
<p><img alt="Numbered List Settings window" src="../images/orderedlistsettings.png" /></p>
|
||||
<p>For the bulleted list, you can choose a character used as a <b>bullet</b>, while for the numbered list you can choose the numbering <b>type</b>. The <b>Alignment</b>, <b>Size</b> and <b>Color</b> options are the same both for the bulleted and numbered lists.</p>
|
||||
<ul>
|
||||
<li><b>Bullet</b> - allows to select the necessary character used for the bulleted list. When you click on the <b>Font and Symbol</b> field, the <b>Symbol</b> window opens that allows to choose one of the available characters. To learn more on how to work with symbols, you can refer to <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">this article</a>.</li>
|
||||
<li><b>Type</b> - allows to select the necessary numbering type used for the numbered list. The following options are available: <em>None</em>, <em>1, 2, 3,...</em>, <em>a, b, c,...</em>, <em>A, B, C,...</em>, <em>i, ii, iii,...</em>, <em>I, II, III,...</em>.</li>
|
||||
<li><b>Alignment</b> - allows to select the necessary bullet/number alignment type that is used to align bullets/numbers horizontally within the space designated for them. The available alignment types are the following: <em>Left</em>, <em>Center</em>, <em>Right</em>.</li>
|
||||
<li><b>Size</b> - allows to select the necessary bullet/number size. The <em>Like a text</em> option is selected by default. When this option is selected, the bullet or number size corresponds to the text size. You can choose one of the predefined sizes from <em>8</em> to <em>96</em>.</li>
|
||||
<li><b>Color</b> - allows to select the necessary bullet/number color. The <em>Like a text</em> option is selected by default. When this option is selected, the bullet or number color corresponds to the text color. You can choose the <b>Automatic</b> option to apply the automatic color, or select one of the <em>theme colors</em>, or <em>standard colors</em> on the palette, or specify a <em>custom</em> color.</li>
|
||||
</ul>
|
||||
<p>All the changes are displayed in the <b>Preview</b> field.</p>
|
||||
</li>
|
||||
<li>click <b>OK</b> to apply the changes and close the settings window.</li>
|
||||
</ol>
|
||||
<p>To change the multilevel list settings,</p>
|
||||
<ol>
|
||||
<li>click a list item,</li>
|
||||
<li>click the <b>Multilevel list</b> <img alt="Multilevel list icon" src="../images/outline.png" /> icon at the <b>Home</b> tab of the top toolbar,</li>
|
||||
<li>select the <b>List Settings</b> option,</li>
|
||||
<li>
|
||||
the <b>List Settings</b> window will open. The multilevel list settings window looks like this:
|
||||
<p><img alt="Multilevel List Settings window" src="../images/multilevellistsettings.png" /></p>
|
||||
<p>Choose the necessary level of the list in the <b>Level</b> field on the left, then use the buttons on the top to adjust the bullet or number appearance for the selected level:</p>
|
||||
<ul>
|
||||
<li><b>Type</b> - allows to select the necessary numbering type used for the numbered list or the necessary character used for the bulleted list. The following options are available for the numbered list: <em>None</em>, <em>1, 2, 3,...</em>, <em>a, b, c,...</em>, <em>A, B, C,...</em>, <em>i, ii, iii,...</em>, <em>I, II, III,...</em>. For the bulleted list, you can choose one of the default symbols or use the <b>New bullet</b> option. When you click this option, the <b>Symbol</b> window opens that allows to choose one of the available characters. To learn more on how to work with symbols, you can refer to <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">this article</a>.</li>
|
||||
<li><b>Alignment</b> - allows to select the necessary bullet/number alignment type that is used to align bullets/numbers horizontally within the space designated for them at the beginning of the paragraph. The available alignment types are the following: <em>Left</em>, <em>Center</em>, <em>Right</em>.</li>
|
||||
<li><b>Size</b> - allows to select the necessary bullet/number size. The <em>Like a text</em> option is selected by default. You can choose one of the predefined sizes from <em>8</em> to <em>96</em>.</li>
|
||||
<li><b>Color</b> - allows to select the necessary bullet/number color. The <em>Like a text</em> option is selected by default. When this option is selected, the bullet or number color corresponds to the text color. You can choose the <b>Automatic</b> option to apply the automatic color, or select one of the <em>theme colors</em>, or <em>standard colors</em> on the palette, or specify a <em>custom</em> color.</li>
|
||||
</ul>
|
||||
<p>All the changes are displayed in the <b>Preview</b> field.</p>
|
||||
</li>
|
||||
<li>click <b>OK</b> to apply the changes and close the settings window.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -18,9 +18,9 @@
|
|||
<p class="note"><b>Note</b>: in case you want to apply the formatting to the text already present in the document, select it with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a> and apply the formatting.</p>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Font</td>
|
||||
<td><img alt="Font" src="../images/fontfamily.png" /></td>
|
||||
<td>Is used to select one of the fonts from the list of the available ones. <span class="desktopDocumentFeatures">If a required font is not available in the list, you can download and install it on your operating system, after that the font will be available for use in the <em>desktop version</em>.</span></td>
|
||||
<td width="10%">Font</td>
|
||||
<td width="15%"><img alt="Font" src="../images/fontfamily.png" /></td>
|
||||
<td>Is used to select one of the fonts from the list of the available ones. <span class="desktopDocumentFeatures">If a required font is not available in the list, you can download and install it on your operating system, after that the font will be available for use in the <em>desktop version</em>.</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Font size</td>
|
||||
|
|
|
@ -26,6 +26,7 @@
|
|||
<p class="note"><b>Note</b>: to add a caption within the autoshape make sure the shape is selected on the page 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>
|
||||
<p>It's also possible to add a caption to the autoshape. To learn more on how to work with captions for autoshapes, you can refer to <a href="../UsageInstructions/AddCaption.htm" onclick="onhyperlinkclick(this)">this article</a>.</p>
|
||||
<h3>Move and resize autoshapes</h3>
|
||||
<p id ="shape_resize"><img class="floatleft" alt="Reshaping autoshape" src="../images/reshaping.png" />To change the autoshape size, drag small squares <img alt="Square icon" src="../images/resize_square.png" /> situated on the shape edges. To maintain the original proportions of the selected autoshape while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</pid>
|
||||
<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 you to adjust some aspects of the shape, for example, the length of the head of an arrow.</p>
|
||||
|
@ -116,6 +117,7 @@
|
|||
<li><b>Show shadow</b> - check this option to display shape with shadow.</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<h3>Adjust autoshape advanced settings</h3>
|
||||
<p>To change the <b>advanced settings</b> of the autoshape, right-click it and select the <b>Advanced Settings</b> option in the menu or use the <b>Show advanced settings</b> link at the right sidebar. The 'Shape - Advanced Settings' window will open:</p>
|
||||
<p><img alt="Shape - Advanced Settings" src="../images/shape_properties.png" /></p>
|
||||
<p>The <b>Size</b> tab contains the following parameters:</p>
|
||||
|
|
|
@ -36,6 +36,11 @@
|
|||
<li>in the <b>Bookmarks</b> window that opens, select the bookmark you want to jump to. To easily find the necessary bookmark in the list you can sort the list by bookmark <b>Name</b> or by <b>Location</b> of a bookmark within the document text,</li>
|
||||
<li>check the <b>Hidden bookmarks</b> option to display hidden bookmarks in the list (i.e. the bookmarks automatically created by the program when adding references to a certain part of the document. For example, if you create a hyperlink to a certain heading within the document, the document editor automatically creates a hidden bookmark to the target of this link).</li>
|
||||
<li>click the <b>Go to</b> button - the cursor will be positioned in the location within the document where the selected bookmark was added, or the corresponding text passage will be selected,</li>
|
||||
<li>
|
||||
click the <b>Get Link</b> button - a new window will open where you can press the <b>Copy</b> button to copy the link to the file which specifyes the bookmark location in the document. When you paste this link in a browser address bar and press Enter, the document will open in the location where the selected bookmark was added.
|
||||
<p><img alt="Bookmarks window" src="../images/bookmark_window2.png" /></p>
|
||||
<p class="note"><b>Note</b>: if you want to share this link with other users, you'll also need to provide corresponding access rights to the file for certain users using the <b>Sharing</b> option at the <b>Collaboration</b> tab.</p>
|
||||
</li>
|
||||
<li>click the <b>Close</b> button to close the window.</li>
|
||||
</ol>
|
||||
<p>To delete a bookmark select it in the bookmark list and use the <b>Delete</b> button.</p>
|
||||
|
|
|
@ -14,52 +14,139 @@
|
|||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Insert content controls</h1>
|
||||
<p>Using content controls you can create a form with input fields that can be filled in by other users, or protect some parts of the document from being edited or deleted. Content controls are objects containing text that can be formatted. Plain text content controls cannot contain more than one paragraph, while rich text content controls can contain several paragraphs, lists, and objects (images, shapes, tables etc.). </p>
|
||||
<h3>Adding content controls</h3>
|
||||
<p>To create a new <b>plain text content control</b>,</p>
|
||||
<p>Content controls are objects containing different types of contents, such as text, objects etc. Depending on the selected content control type, you can create a form with input fields that can be filled in by other users, or protect some parts of the document from being edited or deleted etc.</p>
|
||||
<p class="note"><b>Note</b>: the possibility to add new content controls is available in the <b>paid</b> version only. In the open source version, you can edit existing content controls, as well as copy and paste them.</p>
|
||||
<p>Currently, you can add the following types of content controls: <em>Plain Text</em>, <em>Rich Text</em>, <em>Picture</em>, <em>Combo box</em>, <em>Drop-down list</em>, <em>Date</em>, <em>Check box</em>.</p>
|
||||
<ul>
|
||||
<li><em>Plain Text</em> is an object containing text that can be formatted. Plain text content controls cannot contain more than one paragraph.</li>
|
||||
<li><em>Rich Text</em> is an object containing text that can be formatted. Rich text content controls can contain several paragraphs, lists, and objects (images, shapes, tables etc.).</li>
|
||||
<li><em>Picture</em> is an object containing a single image.</li>
|
||||
<li><em>Combo box</em> is an object containing a drop-down list with a set of choices. It allows to choose one of the predefined values from the list and edit the selected value if necessary.</li>
|
||||
<li><em>Drop-down list</em> is an object containing a drop-down list with a set of choices. It allows to choose one of the predefined values from the list. The selected value cannot be edited.</li>
|
||||
<li><em>Date</em> is an object containing a calendar that allows to choose a date.</li>
|
||||
<li><em>Check box</em> is an object that allows to display two states: check box is selected and check box is cleared.</li>
|
||||
</ul>
|
||||
<h3>Adding content controls</h3>
|
||||
<h5>Create a new Plain Text content control</h5>
|
||||
<ol>
|
||||
<li>position the insertion point within a line of the text where you want the control to be added,<br />or select a text passage you want to become the control contents.</li>
|
||||
<li>switch to the <b>Insert</b> tab of the top toolbar.</li>
|
||||
<li>click the arrow next to the <img alt="Content Controls icon" src="../images/insertccicon.png" /> <b>Content Controls</b> icon.</li>
|
||||
<li>choose the <b>Insert plain text content control</b> option from the menu.</li>
|
||||
<li>choose the <b>Plain Text</b> option from the menu.</li>
|
||||
</ol>
|
||||
<p>The control will be inserted at the insertion point within a line of the existing text. Plain text content controls do not allow adding line breaks and cannot contain other objects such as images, tables etc.</p>
|
||||
<p>The control will be inserted at the insertion point within a line of the existing text. Replace the default text within the control ("Your text here") with your own one: select the default text, and type in a new text or copy a text passage from anywhere and paste it into the content control. Plain text content controls do not allow adding line breaks and cannot contain other objects such as images, tables etc.</p>
|
||||
<p><img alt="New plain text content control" src="../images/addedcontentcontrol.png" /></p>
|
||||
<p>To create a new <b>rich text content control</b>,</p>
|
||||
<h5>Create a new Rich Text content control</h5>
|
||||
<ol>
|
||||
<li>position the insertion point at the end of a paragraph after which you want the control to be added,<br />or select one or more of the existing paragraphs you want to become the control contents.</li>
|
||||
<li>switch to the <b>Insert</b> tab of the top toolbar.</li>
|
||||
<li>click the arrow next to the <img alt="Content Controls icon" src="../images/insertccicon.png" /> <b>Content Controls</b> icon.</li>
|
||||
<li>choose the <b>Insert rich text content control</b> option from the menu.</li>
|
||||
<li>choose the <b>Rich Text</b> option from the menu.</li>
|
||||
</ol>
|
||||
<p>The control will be inserted in a new paragraph. Rich text content controls allow adding line breaks, i.e. can contain multiple paragraphs as well as some objects, such as images, tables, other content controls etc.</p>
|
||||
<p>The control will be inserted in a new paragraph. Replace the default text within the control ("Your text here") with your own one: select the default text, and type in a new text or copy a text passage from anywhere and paste it into the content control. Rich text content controls allow adding line breaks, i.e. can contain multiple paragraphs as well as some objects, such as images, tables, other content controls etc.</p>
|
||||
<p><img alt="Rich text content control" src="../images/richtextcontentcontrol.png" /></p>
|
||||
<h5>Create a new Picture content control</h5>
|
||||
<ol>
|
||||
<li>position the insertion point within a line of the text where you want the control to be added.</li>
|
||||
<li>switch to the <b>Insert</b> tab of the top toolbar.</li>
|
||||
<li>click the arrow next to the <img alt="Content Controls icon" src="../images/insertccicon.png" /> <b>Content Controls</b> icon.</li>
|
||||
<li>choose the <b>Picture</b> option from the menu - the control will be inserted at the insertion point.</li>
|
||||
<li>click the <img alt="Insert image icon" src="../images/image_settings_icon.png" /> image icon in the button above the content control border - a standard file selection window will open. Choose an image stored on your computer and click <b>Open</b>.</li>
|
||||
</ol>
|
||||
<p>The selected image will be displayed within the content control. To replace the image, click the <img alt="Insert image icon" src="../images/image_settings_icon.png" /> image icon in the button above the content control border and select another image.</p>
|
||||
<p><img alt="New picture content control" src="../images/picturecontentcontrol.png" /></p>
|
||||
<h5>Create a new Combo box or Drop-down list content control</h5>
|
||||
<p>The <em>Combo box</em> and <em>Drop-down list</em> content controls contain a drop-down list with a set of choices. They can be created in nearly the same way. The main difference between them is that the selected value in the drop-down list cannot be edited, while the selected value in the combo box can be replaced with your own one.</p>
|
||||
<ol>
|
||||
<li>position the insertion point within a line of the text where you want the control to be added.</li>
|
||||
<li>switch to the <b>Insert</b> tab of the top toolbar.</li>
|
||||
<li>click the arrow next to the <img alt="Content Controls icon" src="../images/insertccicon.png" /> <b>Content Controls</b> icon.</li>
|
||||
<li>choose the <b>Combo box</b> or <b>Drop-down list</b> option from the menu - the control will be inserted at the insertion point.</li>
|
||||
<li>right-click the added control and choose the <b>Content control settings</b> option from the contextual menu.</li>
|
||||
<li>in the the <b>Content Control Settings</b> window that opens switch to the <b>Combo box</b> or <b>Drop-down list</b> tab, depending on the selected content control type.
|
||||
<p><img alt="Combo box settings window" src="../images/comboboxsettings.png" /></p>
|
||||
</li>
|
||||
<li>
|
||||
to add a new list item, click the <b>Add</b> button and fill in the available fields in the window that opens:
|
||||
<p><img alt="Combo box - adding value" src="../images/comboboxaddvalue.png" /></p>
|
||||
<ol>
|
||||
<li>specify the necessary text in the <b>Display name</b> field, e.g. <em>Yes</em>, <em>No</em>, <em>Other</em>. This text will be displayed in the content control within the document.</li>
|
||||
<li>by default, the text in the <b>Value</b> field corresponds to the one entered in the <b>Display name</b> field. If you want to edit the text in the <b>Value</b> field, note that the entered value must be unique for each item. </li>
|
||||
<li>click the <b>OK</b> button.</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>you can edit or delete the list items by using the <b>Edit</b> or <b>Delete</b> buttons on the right or change the item order using the <b>Up</b> and <b>Down</b> button.</li>
|
||||
<li>when all the necessary choices are set, click the <b>OK</b> button to save the settings and close the window.</li>
|
||||
</ol>
|
||||
<p><img alt="New combo box content control" src="../images/comboboxcontentcontrol.png" /></p>
|
||||
<p>You can click the arrow button in the right part of the added <b>Combo box</b> or <b>Drop-down list</b> content control to open the item list and choose the necessary one. Once the necessary item is selected from the <b>Combo box</b>, you can edit the displayed text replacing it with your own one entirely or partially. The <b>Drop-down list</b> does not allow to edit the selected item.</p>
|
||||
<p><img alt="Combo box content control" src="../images/comboboxcontentcontrol2.png" /></p>
|
||||
<h5>Create a new Date content control</h5>
|
||||
<ol>
|
||||
<li>position the insertion point within a line of the text where you want the control to be added.</li>
|
||||
<li>switch to the <b>Insert</b> tab of the top toolbar.</li>
|
||||
<li>click the arrow next to the <img alt="Content Controls icon" src="../images/insertccicon.png" /> <b>Content Controls</b> icon.</li>
|
||||
<li>choose the <b>Date</b> option from the menu - the control with the current date will be inserted at the insertion point.</li>
|
||||
<li>right-click the added control and choose the <b>Content control settings</b> option from the contextual menu.</li>
|
||||
<li>
|
||||
in the the <b>Content Control Settings</b> window that opens switch to the <b>Date format</b> tab.
|
||||
<p><img alt="Date settings window" src="../images/datesettings.png" /></p>
|
||||
</li>
|
||||
<li>choose the necessary <b>Language</b> and select the necessary date format in the <b>Display the date like this</b> list.</li>
|
||||
<li>click the <b>OK</b> button to save the settings and close the window.</li>
|
||||
</ol>
|
||||
<p><img alt="New date content control" src="../images/datecontentcontrol.png" /></p>
|
||||
<p>You can click the arrow button in the right part of the added <b>Date</b> content control to open the calendar and choose the necessary date.</p>
|
||||
<p><img alt="Date content control" src="../images/datecontentcontrol2.png" /></p>
|
||||
<h5>Create a new Check box content control</h5>
|
||||
<ol>
|
||||
<li>position the insertion point within a line of the text where you want the control to be added.</li>
|
||||
<li>switch to the <b>Insert</b> tab of the top toolbar.</li>
|
||||
<li>click the arrow next to the <img alt="Content Controls icon" src="../images/insertccicon.png" /> <b>Content Controls</b> icon.</li>
|
||||
<li>choose the <b>Check box</b> option from the menu - the control will be inserted at the insertion point.</li>
|
||||
<li>right-click the added control and choose the <b>Content control settings</b> option from the contextual menu.</li>
|
||||
<li>
|
||||
in the the <b>Content Control Settings</b> window that opens switch to the <b>Check box</b> tab.
|
||||
<p><img alt="Check box settings window" src="../images/checkboxsettings.png" /></p>
|
||||
</li>
|
||||
<li>click the <b>Checked symbol</b> button to specify the necessary symbol for the selected check box or the <b>Unchecked symbol</b> to select how the cleared check box should look like. The <b>Symbol</b> window will open. To learn more on how to work with symbols, you can refer to <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">this article</a>.</li>
|
||||
<li>when the symbols are specified, click the <b>OK</b> button to save the settings and close the window.</li>
|
||||
</ol>
|
||||
<p>The added check box is displayed in the unchecked mode.</p>
|
||||
<p><img alt="New Check box content control" src="../images/checkboxcontentcontrol.png" /></p>
|
||||
<p>If you click the added check box it will be checked with the symbol selected in the <b>Checked symbol</b> list.</p>
|
||||
<p><img alt="Check box content control" src="../images/checkboxcontentcontrol2.png" /></p>
|
||||
|
||||
<p class="note"><b>Note</b>: The content control border is visible when the control is selected only. The borders do not appear on a printed version.</p>
|
||||
|
||||
<h3>Moving content controls</h3>
|
||||
<p>Controls can be <b>moved</b> to another place in the document: click the button to the left of the control border to select the control and drag it without releasing the mouse button to another position in the document text.</p>
|
||||
<p><img alt="Moving content control" src="../images/movecontentcontrol.png" /></p>
|
||||
<p>You can also <b>copy and paste</b> content controls: select the necessary control and use the <b>Ctrl+C/Ctrl+V</b> key combinations.</p>
|
||||
<h3>Editing content controls</h3>
|
||||
<p>Replace the default text within the control ("Your text here") with your own one: select the default text, and type in a new text or copy a text passage from anywhere and paste it into the content control.</p>
|
||||
<p>Text within the content control of any type (both plain text and rich text content controls) can be formatted using the icons on the top toolbar: you can adjust the <a href="../UsageInstructions/FontTypeSizeColor.htm" onclick="onhyperlinkclick(this)">font type, size, color</a>, apply <a href="../UsageInstructions/DecorationStyles.htm" onclick="onhyperlinkclick(this)">decoration styles</a> and <a href="../UsageInstructions/FormattingPresets.htm" onclick="onhyperlinkclick(this)">formatting presets</a>. It's also possible to use the <b>Paragraph - Advanced settings</b> window accessible from the contextual menu or from the right sidebar to change the text properties. Text within rich text content controls can be formatted like a regular text of the document, i.e. you can set <a href="../UsageInstructions/LineSpacing.htm" onclick="onhyperlinkclick(this)">line spacing</a>, change <a href="../UsageInstructions/ParagraphIndents.htm" onclick="onhyperlinkclick(this)">paragraph indents</a>, adjust <a href="../UsageInstructions/SetTabStops.htm" onclick="onhyperlinkclick(this)">tab stops</a>.</p>
|
||||
|
||||
<h3>Editing plain text and rich text content controls</h3>
|
||||
<p>Text within the plain text and rich text content controls can be formatted using the icons on the top toolbar: you can adjust the <a href="../UsageInstructions/FontTypeSizeColor.htm" onclick="onhyperlinkclick(this)">font type, size, color</a>, apply <a href="../UsageInstructions/DecorationStyles.htm" onclick="onhyperlinkclick(this)">decoration styles</a> and <a href="../UsageInstructions/FormattingPresets.htm" onclick="onhyperlinkclick(this)">formatting presets</a>. It's also possible to use the <b>Paragraph - Advanced settings</b> window accessible from the contextual menu or from the right sidebar to change the text properties. Text within rich text content controls can be formatted like a regular text of the document, i.e. you can set <a href="../UsageInstructions/LineSpacing.htm" onclick="onhyperlinkclick(this)">line spacing</a>, change <a href="../UsageInstructions/ParagraphIndents.htm" onclick="onhyperlinkclick(this)">paragraph indents</a>, adjust <a href="../UsageInstructions/SetTabStops.htm" onclick="onhyperlinkclick(this)">tab stops</a>.</p>
|
||||
|
||||
<h3>Changing content control settings</h3>
|
||||
<p>No matter which type of content controls is selected, you can change the content control settings in the <b>General</b> and <b>Locking</b> sections of the <b>Content Control Settings</b> window.</p>
|
||||
<p>To open the content control settings, you can proceed in the following ways:</p>
|
||||
<ul>
|
||||
<li>Select the necessary content control, click the arrow next to the <img alt="Content Controls icon" src="../images/insertccicon.png" /> <b>Content Controls</b> icon at the top toolbar and select the <b>Control Settings</b> option from the menu.</li>
|
||||
<li>Right-click anywhere within the content control and use the <b>Content control settings</b> option from the contextual menu.</li>
|
||||
</ul>
|
||||
<p>A new window will open where you can adjust the following settings:</p>
|
||||
<p><img alt="Content Control settings window" src="../images/ccsettingswindow.png" /></p>
|
||||
<p>A new window will open. At the <b>General</b> tab, you can adjust the following settings:</p>
|
||||
<p><img alt="Content Control settings window - General" src="../images/ccsettingswindow.png" /></p>
|
||||
<ul>
|
||||
<li>Specify the content control <b>Title</b> or <b>Tag</b> in the corresponding fields. The title will be displayed when the control is selected in the document. Tags are used to identify content controls so that you can make reference to them in your code. </li>
|
||||
<li>Choose if you want to display the content control with a <b>Bounding box</b> or not. Use the <b>None</b> option to display the control without the bounding box. If you select the <b>Bounding box</b> option, you can choose this box <b>Color</b> using the field below. Click the <b>Apply to All</b> button to apply the spesified <b>Appearance</b> settings to all the content controls in the document.</li>
|
||||
<li>Protect the content control from being deleted or edited using the option from the <b>Locking</b> section:
|
||||
<li>Choose if you want to display the content control with a <b>Bounding box</b> or not. Use the <b>None</b> option to display the control without the bounding box. If you select the <b>Bounding box</b> option, you can choose this box <b>Color</b> using the field below. Click the <b>Apply to All</b> button to apply the specified <b>Appearance</b> settings to all the content controls in the document.</li>
|
||||
</ul>
|
||||
<p>At the <b>Locking</b> tab, you can protect the content control from being deleted or edited using the following settings:</p>
|
||||
<p><img alt="Content Control settings window - Locking" src="../images/ccsettingswindow2.png" /></p>
|
||||
<ul>
|
||||
<li><b>Content control cannot be deleted</b> - check this box to protect the content control from being deleted.</li>
|
||||
<li><b>Contents cannot be edited</b> - check this box to protect the contents of the content control from being edited.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</ul>
|
||||
<p>For certain types of content controls, the third tab is also available that contains the settings specific for the selected content control type only: <em>Combo box</em>, <em>Drop-down list</em>, <em>Date</em>, <em>Check box</em>. These settings are described above in the sections about adding the corresponding content controls.</p>
|
||||
<p>Click the <b>OK</b> button within the settings window to apply the changes.</p>
|
||||
<p>It's also possible to highlight content controls with a certain color. To highlight controls with a color:</p>
|
||||
<ol>
|
||||
|
|
|
@ -28,6 +28,7 @@
|
|||
<img alt="Inserted Equation" src="../images/insertedequation.png" />
|
||||
<p>Each equation template represents a set of slots. Slot is a position for each element that makes up the equation. An empty slot (also called as a placeholder) has a dotted outline <img alt="Equation Placeholder" src="../images/equationplaceholder.png" />. You need to fill in all the placeholders specifying the necessary values.</p>
|
||||
<p class="note"><b>Note</b>: to start creating an equation, you can also use the <b>Alt + =</b> keyboard shortcut.</p>
|
||||
<p>It's also possible to add a caption to the equation. To learn more on how to work with captions for equations, you can refer to <a href="../UsageInstructions/AddCaption.htm" onclick="onhyperlinkclick(this)">this article</a>.</p>
|
||||
<h3>Enter values</h3>
|
||||
<p>The <b>insertion point</b> specifies where the next character you enter will appear. To position the insertion point precisely, click within a placeholder and use the keyboard arrows to move the insertion point by one character left/right or one line up/down.</p>
|
||||
<p>If you need to create a new placeholder below the slot with the insertion point within the selected template, press <b>Enter</b>.</p>
|
||||
|
|
|
@ -30,6 +30,7 @@
|
|||
</li>
|
||||
<li>once the image is added you can change its size, properties, and position.</li>
|
||||
</ol>
|
||||
<p>It's also possible to add a caption to the image. To learn more on how to work with captions for images, you can refer to <a href="../UsageInstructions/AddCaption.htm" onclick="onhyperlinkclick(this)">this article</a>.</p>
|
||||
<h3>Move and resize images</h3>
|
||||
<p><img class="floatleft" alt="Moving image" src="../images/moving_image.png" />To change the image size, drag small squares <img alt="Square icon" src="../images/resize_square.png" /> situated on its edges. To maintain the original proportions of the selected image while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</p>
|
||||
<p>To alter the image position, use the <img alt="Arrow" src="../images/arrow.png" /> icon that appears after hovering your mouse cursor over the image. Drag the image to the necessary position without releasing the mouse button.</p>
|
||||
|
@ -42,7 +43,7 @@
|
|||
<h3>Adjust image settings</h3>
|
||||
<p><img class="floatleft" alt="Image Settings tab" src="../images/right_image.png" />Some of the image settings can be altered using the <b>Image settings</b> tab of the right sidebar. To activate it click the image and choose the <b>Image settings</b> <img alt="Image settings icon" src="../images/image_settings_icon.png" /> icon on the right. Here you can change the following properties:</p>
|
||||
<ul style="margin-left: 280px;">
|
||||
<li><b>Size</b> is used to view the current image <b>Width</b> and <b>Height</b>. If necessary, you can restore the default image size clicking the <b>Default Size</b> button. The <b>Fit to Margin</b> button allows to resize the image, so that it occupies all the space between the left and right page margin.
|
||||
<li><b>Size</b> is used to view the current image <b>Width</b> and <b>Height</b>. If necessary, you can restore the actual image size clicking the <b>Actual Size</b> button. The <b>Fit to Margin</b> button allows to resize the image, so that it occupies all the space between the left and right page margin.
|
||||
<p>The <b>Crop</b> button is used to crop the image. Click the <b>Crop</b> button to activate cropping handles which appear on the image corners and in the center of each its side. Manually drag the handles to set the cropping area. You can move the mouse cursor over the cropping area border so that it turns into the <img alt="Arrow" src="../images/arrow.png" /> icon and drag the area. </p>
|
||||
<ul>
|
||||
<li>To crop a single side, drag the handle located in the center of this side.</li>
|
||||
|
@ -76,18 +77,19 @@
|
|||
<li><b>Wrapping Style</b> is used to select a text wrapping style from the available ones - inline, square, tight, through, top and bottom, in front, behind - or edit the wrap boundary. The <b>Edit Wrap Boundary</b> option is available only if you select a wrapping style other than Inline. Drag wrap points to customize the boundary. To create a new wrap point, click anywhere on the red line and drag it to the necessary position. <img alt="Editing Wrap Boundary" src="../images/wrap_boundary.png" /></li>
|
||||
<li><b>Rotate</b> is used to rotate the image by 90 degrees clockwise or counterclockwise as well as to flip the image horizontally or vertically.</li>
|
||||
<li><b>Crop</b> is used to apply one of the cropping options: <b>Crop</b>, <b>Fill</b> or <b>Fit</b>. Select the <b>Crop</b> option from the submenu, then drag the cropping handles to set the cropping area, and click one of these three options from the submenu once again to apply the changes.</li>
|
||||
<li><b>Default Size</b> is used to change the current image size to the default one.</li>
|
||||
<li><b>Actual Size</b> is used to change the current image size to the actual one.</li>
|
||||
<li><b>Replace image</b> is used to replace the current image loading another one <b>From File</b> or <b>From URL</b>.</li>
|
||||
<li><b>Image Advanced Settings</b> is used to open the 'Image - Advanced Settings' window.</li>
|
||||
</ul>
|
||||
<p><img class="floatleft" alt="Shape Settings tab" src="../images/right_image_shape.png" /> When the image is selected, the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon is also available on the right. You can click this icon to open the <b>Shape settings</b> tab at the right sidebar and adjust the shape <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Stroke</b></a> type, size and color as well as change the shape type selecting another shape from the <b>Change Autoshape</b> menu. The shape of the image will change correspondingly.</p>
|
||||
<p>At the <b>Shape Settings</b> tab, you can also use the <b>Show shadow</b> option to add a shadow to the image.</p>
|
||||
<hr />
|
||||
<h3>Adjust image advanced settings</h3>
|
||||
<p>To change the image advanced settings, click the image with the right mouse button and select the <b>Image Advanced Settings</b> option from the right-click menu or just click the <b>Show advanced settings</b> link at the right sidebar. The image properties window will open:</p>
|
||||
<p><img alt="Image - Advanced Settings: Size" src="../images/image_properties.png" /></p>
|
||||
<p>The <b>Size</b> tab contains the following parameters:</p>
|
||||
<ul>
|
||||
<li><b>Width</b> and <b>Height</b> - use these options 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 (in this case it looks like this <img alt="Constant proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original image aspect ratio. To restore the default size of the added image, click the <b>Default Size</b> button.</li>
|
||||
<li><b>Width</b> and <b>Height</b> - use these options 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 (in this case it looks like this <img alt="Constant proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original image aspect ratio. To restore the actual size of the added image, click the <b>Actual Size</b> button.</li>
|
||||
</ul>
|
||||
<p><img alt="Image - Advanced Settings: Rotation" src="../images/image_properties_4.png" /></p>
|
||||
<p>The <b>Rotation</b> tab contains the following parameters:</p>
|
||||
|
|
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Insert symbols and characters</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Insert symbols and characters" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Insert symbols and characters</h1>
|
||||
<p>During working process you may need to insert a symbol which is not on your keyboard. To insert such symbols into your document, use the <img alt="Symbol table icon" src="../images/Vector.png" /><b>Insert symbol</b> option and follow these simple steps:</p>
|
||||
<ul>
|
||||
<li>place the cursor at the location where a special symbol has to be inserted,</li>
|
||||
<li>switch to the <b>Insert</b> tab of the top toolbar,</li>
|
||||
<li>
|
||||
click the <img alt="Symbol table icon" src="../images/Vector.png" /><b>Symbol</b>,
|
||||
<p><img alt="Insert symbol sidebar " src="../images/insert_symbol_window.png" /></p>
|
||||
</li>
|
||||
<li>The <b>Symbol</b> dialog box appears from which you can select the appropriate symbol,</li>
|
||||
<li>
|
||||
<p>use the <b>Range</b> section to quickly find the nesessary symbol. All symbols are divided into specific groups, for example, select 'Currency Symbols' if you want to insert a currency character.</p>
|
||||
<p>If this character is not in the set, select a different font. Many of them also have characters other than the standard set.</p>
|
||||
<p>Or, enter the Unicode hex value of the symbol you want into the <b>Unicode hex value field</b>. This code can be found in the <b>Character map</b>.</p>
|
||||
<p>Previously used symbols are also displayed in the <b>Recently used symbols</b> field,</p>
|
||||
</li>
|
||||
<li>click <b>Insert</b>. The selected character will be added to the document.</li>
|
||||
</ul>
|
||||
|
||||
<h2>Insert ASCII symbols</h2>
|
||||
<p>ASCII table is also used to add characters.</p>
|
||||
<p>To do this, hold down ALT key and use the numeric keypad to enter the character code.</p>
|
||||
<p class="note"><b>Note</b>: be sure to use the numeric keypad, not the numbers on the main keyboard. To enable the numeric keypad, press the Num Lock key.</p>
|
||||
<p>For example, to add a paragraph character (§), press and hold down ALT while typing 789, and then release ALT key.</p>
|
||||
|
||||
<h2>Insert symbols using Unicode table</h2>
|
||||
<p>Additional charachters and symbols might also be found via Windows symbol table. To open this table, do one of the following:</p>
|
||||
<ul>
|
||||
<li>in the Search field write 'Character table' and open it,</li>
|
||||
<li>
|
||||
simultaneously presss Win + R, and then in the following window type <code>charmap.exe</code> and click OK.
|
||||
<p><img alt="Insert symbol windpow" src="../images/insert_symbols_windows.png" /></p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>In the opened <b>Character Map</b>, select one of the <b>Character sets</b>, <b>Groups</b> and <b>Fonts</b>. Next, click on the nesessary characters, copy them to clipboard and paste in the right place of the document.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -28,6 +28,7 @@
|
|||
<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>
|
||||
<p><img alt="Custom table" src="../images/customtable.png" /></p>
|
||||
</li>
|
||||
<li>If you want to draw a table using the mouse, select the <b>Draw Table</b> option. This can be useful, if you want to create a table with rows and colums of different sizes. The mouse cursor will turn into the pencil <img alt="Mouse Cursor when drawing a table" src="../images/pencil_tool.png" />. Draw a rectangular shape where you want to add a table, then add rows by drawing horizontal lines and columns by drawing vertical lines within the table boundary.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>once the table is added you can change its properties, size and position.</li>
|
||||
|
@ -36,6 +37,7 @@
|
|||
<p><img alt="Resize table" src="../images/resizetable.png" /></p>
|
||||
<p>You can also manually change the width of a certain column or the height of a row. Move the mouse cursor over the right border of the column so that the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing column width" src="../images/changecolumnwidth.png" /> and drag the border to the left or right to set the necessary width. To change the height of a single row manually, move the mouse cursor over the bottom border of the row so that the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing row height" src="../images/changerowheight.png" /> and drag the border up or down.</p>
|
||||
<p>To move a table, hold down the <img alt="Select table handle" src="../images/movetable_handle.png" /> handle in its upper left corner and drag it to the necessary place in the document.</p>
|
||||
<p>It's also possible to add a caption to the table. To learn more on how to work with captions for tables, you can refer to <a href="../UsageInstructions/AddCaption.htm" onclick="onhyperlinkclick(this)">this article</a>.</p>
|
||||
<hr />
|
||||
<h3>Select a table or its part</h3>
|
||||
<p>To select an entire table, click the <img alt="Select table handle" src="../images/movetable_handle.png" /> handle in its upper left corner.</p>
|
||||
|
@ -52,10 +54,20 @@
|
|||
<ul>
|
||||
<li><b>Cut, Copy, Paste</b> - standard options which are used to cut or copy a selected text/object and paste a previously cut/copied text passage or object to the current cursor position.</li>
|
||||
<li><b>Select</b> is used to select a row, column, cell, or table.</li>
|
||||
<li><b>Insert</b> is used to insert a row above or row below the row where the cursor is placed as well as to insert a column at the left or right side from the column where the cursor is placed.</li>
|
||||
<li><b>Delete</b> is used to delete a row, column or table.</li>
|
||||
<li><b>Merge Cells</b> is available if two or more cells are selected and is used to merge them.</li>
|
||||
<li><b>Split Cell...</b> is used to open a window where you can select the needed number of columns and rows the cell will be split in.</li>
|
||||
<li><b>Insert</b> is used to insert a row above or row below the row where the cursor is placed as well as to insert a column at the left or right side from the column where the cursor is placed.
|
||||
<p>It's also possible to insert several rows or columns. If you select the <b>Several Rows/Columns</b> option, the <b>Insert Several</b> window opens. Select the <b>Rows</b> or <b>Columns</b> option from the list, specify the number of rows/column you want to add, choose where they should be added: <b>Above the cursor</b> or <b>Below the cursor</b> and click <b>OK</b>.</p>
|
||||
</li>
|
||||
<li><b>Delete</b> is used to delete a row, column, table or cells. If you select the <b>Cells</b> option, the <b>Delete Cells</b> window will open, where you can select if you want to <b>Shift cells left</b>, <b>Delete entire row</b>, or <b>Delete entire column</b>.</li>
|
||||
<li><b>Merge Cells</b> is available if two or more cells are selected and is used to merge them.
|
||||
<p>
|
||||
It's also possible to merge cells by erasing a boundary between them using the eraser tool. To do this, click the <img alt="Table icon" src="../images/table.png" /> <b>Table</b> icon at the top toolbar, choose the <b>Erase Table</b> option. The mouse cursor will turn into the eraser <img alt="Mouse Cursor when erasing borders" src="../images/eraser_tool.png" />. Move the mouse cursor over the border between the cells you want to merge and erase it.
|
||||
</p>
|
||||
</li>
|
||||
<li><b>Split Cell...</b> is used to open a window where you can select the needed number of columns and rows the cell will be split in.
|
||||
<p>
|
||||
It's also possible to split a cell by drawing rows or columns using the pencil tool. To do this, click the <img alt="Table icon" src="../images/table.png" /> <b>Table</b> icon at the top toolbar, choose the <b>Draw Table</b> option. The mouse cursor will turn into the pencil <img alt="Mouse Cursor when drawing a table" src="../images/pencil_tool.png" />. Draw a horizontal line to create a row or a vertical line to create a column.
|
||||
</p>
|
||||
</li>
|
||||
<li><b>Distribute rows</b> is used to adjust the selected cells so that they have the same height without changing the overall table height.</li>
|
||||
<li><b>Distribute columns</b> is used to adjust the selected cells so that they have the same width without changing the overall table width.</li>
|
||||
<li><b>Cell Vertical Alignment</b> is used to align the text top, center or bottom in the selected cell.</li>
|
||||
|
@ -85,12 +97,13 @@
|
|||
<li><p><b>Select from Template</b> is used to choose a table template from the available ones.</p></li>
|
||||
<li><p><b>Borders Style</b> is used to select the border size, color, style as well as background color.</p></li>
|
||||
<li><p><b>Rows & Columns</b> is used to perform some operations with the table: select, delete, insert rows and columns, merge cells, split a cell.</p></li>
|
||||
<li><p><b>Cell Size</b> is used to adjust the width and height of the currently selected cell. In this section, you can also <b>Distribute rows</b> so that all the selected cells have equal height or <b>Distribute columns</b> so that all the selected cells have equal width.</p></li>
|
||||
<li><p><b>Rows & Columns Size</b> is used to adjust the width and height of the currently selected cell. In this section, you can also <b>Distribute rows</b> so that all the selected cells have equal height or <b>Distribute columns</b> so that all the selected cells have equal width.</p></li>
|
||||
<li><p><b>Add formula</b> is used to <a href="../UsageInstructions/AddFormulasInTables.htm" onclick="onhyperlinkclick(this)">insert a formula</a> into the selected table cell.</p></li>
|
||||
<li><p><b>Repeat as header row at the top of each page</b> is used to insert the same header row at the top of each page in long tables.</p></li>
|
||||
<li><p><b>Show advanced settings</b> is used to open the 'Table - Advanced Settings' window.</p></li>
|
||||
</ul>
|
||||
<hr />
|
||||
<h3>Adjust table advanced settings</h3>
|
||||
<p>To change the advanced table properties, click the table with the right mouse button and select the <b>Table Advanced Settings</b> option from the right-click menu or use the <b>Show advanced settings</b> link at the right sidebar. The table properties window will open:</p>
|
||||
<p><img alt="Table - Advanced Settings" src="../images/table_properties_1.png" /></p>
|
||||
<p>The <b>Table</b> tab allows to change properties of the entire table.</p>
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Create a new document or open an existing one</h1>
|
||||
<h6>To create a new document</h6>
|
||||
<h4>To create a new document</h4>
|
||||
<div class="onlineDocumentFeatures">
|
||||
<p>In the <em>online editor</em></p>
|
||||
<ol>
|
||||
|
@ -32,7 +32,7 @@
|
|||
</div>
|
||||
|
||||
<div class="desktopDocumentFeatures">
|
||||
<h6>To open an existing document</h6>
|
||||
<h4>To open an existing document</h4>
|
||||
<p>In the <em>desktop editor</em></p>
|
||||
<ol>
|
||||
<li>in the main program window, select the <b>Open local file</b> menu item at the left sidebar,</li>
|
||||
|
@ -42,7 +42,7 @@
|
|||
<p>All the directories that you have accessed using the desktop editor will be displayed in the <b>Recent folders</b> list so that you can quickly access them afterwards. Click the necessary folder to select one of the files stored in it.</p>
|
||||
</div>
|
||||
|
||||
<h6>To open a recently edited document </h6>
|
||||
<h4>To open a recently edited document </h4>
|
||||
<div class="onlineDocumentFeatures">
|
||||
<p>In the <em>online editor</em></p>
|
||||
<ol>
|
||||
|
|
|
@ -9,14 +9,14 @@
|
|||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Set page parameters</h1>
|
||||
<p>To change page layout, i.e. set page orientation and size, adjust margins and insert columns, use the corresponding icons at the <b>Layout</b> tab of the top toolbar.</p>
|
||||
<div class="mainpart">
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Set page parameters</h1>
|
||||
<p>To change page layout, i.e. set page orientation and size, adjust margins and insert columns, use the corresponding icons at the <b>Layout</b> tab of the top toolbar.</p>
|
||||
<p class="note"><b>Note</b>: all these parameters are applied to the entire document. If you need to set different page margins, orientation, size, or column number for the separate parts of your document, please refer to <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">this page</a>.</p>
|
||||
<h3 id="orientation">Page Orientation</h3>
|
||||
<h3 id="orientation">Page Orientation</h3>
|
||||
<p>Change the current orientation type clicking the <img alt="Orientation icon" src="../images/orientation.png" /> <b>Orientation</b> icon. The default orientation type is <b>Portrait</b> that can be switched to <b>Album</b>.</p>
|
||||
<h3 id="size">Page Size</h3>
|
||||
<p>Change the default A4 format clicking the <img alt="Size icon" src="../images/pagesize.png" /> <b>Size</b> icon and selecting the needed one from the list. The available preset sizes are:</p>
|
||||
|
@ -38,8 +38,14 @@
|
|||
<p>You can also set a special page size by selecting the <b>Custom Page Size</b> option from the list. The <b>Page Size</b> window will open where you'll be able to select the necessary <b>Preset</b> (US Letter, US Legal, A4, A5, B5, Envelope #10, Envelope DL, Tabloid, AЗ, Tabloid Oversize, ROC 16K, Envelope Choukei 3, Super B/A3, A0, A1, A2, A6) or set custom <b>Width</b> and <b>Height</b> values. Enter your new values into the entry fields or adjust the existing values using arrow buttons. When ready, click <b>OK</b> to apply the changes.</p>
|
||||
<p><img alt="Custom Page Size" src="../images/custompagesize.png" /></p>
|
||||
<h3 id="margins">Page Margins</h3>
|
||||
<p>Change default margins, i.e. the blank space between the left, right, top and bottom page edges and the paragraph text, clicking the <img alt="Margins icon" src="../images/pagemargins.png" /> <b>Margins</b> icon and selecting one of the available presets: <b>Normal</b>, <b>US Normal</b>, <b>Narrow</b>, <b>Moderate</b>, <b>Wide</b>. You can also use the <b>Custom Margins</b> option to set your own values in the <b>Margins</b> window that opens. Enter the necessary <b>Top</b>, <b>Bottom</b>, <b>Left</b> and <b>Right</b> page margin values into the entry fields or adjust the existing values using arrow buttons. When ready, click <b>OK</b>. The custom margins will be applied to the current document and the <b>Last Custom</b> option with the specified parameters will appear in the <img alt="Margins icon" src="../images/pagemargins.png" /> <b>Margins</b> list so that you can apply them to some other documents.</p>
|
||||
<p>Change default margins, i.e. the blank space between the left, right, top and bottom page edges and the paragraph text, clicking the <img alt="Margins icon" src="../images/pagemargins.png" /> <b>Margins</b> icon and selecting one of the available presets: <b>Normal</b>, <b>US Normal</b>, <b>Narrow</b>, <b>Moderate</b>, <b>Wide</b>. You can also use the <b>Custom Margins</b> option to set your own values in the <b>Margins</b> window that opens. Enter the necessary <b>Top</b>, <b>Bottom</b>, <b>Left</b> and <b>Right</b> page margin values into the entry fields or adjust the existing values using arrow buttons.</p>
|
||||
<p><img alt="Custom Margins" src="../images/custommargins.png" /></p>
|
||||
<p><b>Gutter position</b> is used to set up additional space on the left or top of the document. Gutter option might come in handy to make sure bookbinding does not cover text. In <b>Margins</b> window enter the necessary gutter position into the entry fields and choose where it should be placed in.</p>
|
||||
<p class="note"><b>Note</b>: Gutter position function cannot be used when <b>Mirror margins</b> option is checked.</p>
|
||||
<p>In <b>Multiple pages</b> drop-down menu choose <b>Mirror margins</b> option to to set up facing pages for double-sided documents. With this option checked, <b>Left</b> and <b>Right</b> margins turn into <b>Inside</b> and <b>Outside</b> margins respectively.</p>
|
||||
<p>In <b>Orientation</b> drop-down menu choose from <b>Portrait</b> and <b>Landscape</b> options.</p>
|
||||
<p>All applied changes to the document will be displayed in the <b>Preview</b> window.</p>
|
||||
<p>When ready, click <b>OK</b>. The custom margins will be applied to the current document and the <b>Last Custom</b> option with the specified parameters will appear in the <img alt="Margins icon" src="../images/pagemargins.png" /> <b>Margins</b> list so that you can apply them to some other documents.</p></p>
|
||||
<p>You can also change the margins manually by dragging the border between the grey and white areas on the rulers (the grey areas of the rulers indicate page margins):</p>
|
||||
<p><img alt="Margins Adjustment" src="../images/margins.png" /></p>
|
||||
<h3 id="columns">Columns</h3>
|
||||
|
@ -56,7 +62,7 @@
|
|||
<p>Added column breaks are indicated in your document by a dotted line: <img alt="Column break" src="../images/columnbreak.png" />. If you do not see the inserted column breaks, click the <img alt="Nonprinting Characters icon" src="../images/nonprintingcharacters.png" /> icon at the <b>Home</b> tab of the top toolbar to display them. To remove a column break select it with the mouse and press the <b>Delete</b> key.</p>
|
||||
<p>To manually change the column width and spacing, you can use the horizontal ruler.</p>
|
||||
<p><img alt="Column spacing" src="../images/columnspacing.png" /></p>
|
||||
<p>To cancel columns and return to a regular single-column layout, click the <img alt="Columns icon" src="../images/insertcolumns.png" /> <b>Columns</b> icon at the top toolbar and select the <b>One</b> <img alt="One column icon" src="../images/onecolumn.png" /> option from the list.</p>
|
||||
</div>
|
||||
<p>To cancel columns and return to a regular single-column layout, click the <img alt="Columns icon" src="../images/insertcolumns.png" /> <b>Columns</b> icon at the top toolbar and select the <b>One</b> <img alt="One column icon" src="../images/onecolumn.png" /> option from the list.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -26,7 +26,7 @@
|
|||
<li><b>Application</b> - the application the document was created with.</li>
|
||||
<li><b>Author</b> - the person who have created the file. You can enter the necessary name in this field. Press <em>Enter</em> to add a new field that allows to specify one more author.</li>
|
||||
</ul>
|
||||
<p>If you change properties in desktop editors, do not forget to save the file to apply the changes.</p>
|
||||
<p>If you changed the file properties, click the <b>Apply</b> button to apply the changes.</p>
|
||||
<div class="onlineDocumentFeatures">
|
||||
<p class="note"><b>Note</b>: Online Editors allow you to change the document name directly from the editor interface. To do that, click the <b>File</b> tab of the top toolbar and select the <b>Rename...</b> option, then enter the necessary <b>File name</b> in a new window that opens and click <b>OK</b>.</p>
|
||||
</div>
|
||||
|
|
Before Width: | Height: | Size: 263 B After Width: | Height: | Size: 518 B |
Before Width: | Height: | Size: 311 B After Width: | Height: | Size: 475 B |
Before Width: | Height: | Size: 118 B After Width: | Height: | Size: 248 B |
Before Width: | Height: | Size: 84 B After Width: | Height: | Size: 136 B |
Before Width: | Height: | Size: 87 B After Width: | Height: | Size: 148 B |
Before Width: | Height: | Size: 84 B After Width: | Height: | Size: 146 B |
Before Width: | Height: | Size: 86 B After Width: | Height: | Size: 142 B |
Before Width: | Height: | Size: 85 B After Width: | Height: | Size: 142 B |
Before Width: | Height: | Size: 83 B After Width: | Height: | Size: 129 B |
Before Width: | Height: | Size: 122 B After Width: | Height: | Size: 272 B |
Before Width: | Height: | Size: 9.7 KiB After Width: | Height: | Size: 5.4 KiB |
After Width: | Height: | Size: 7.7 KiB |
Before Width: | Height: | Size: 87 B After Width: | Height: | Size: 134 B |
Before Width: | Height: | Size: 102 B After Width: | Height: | Size: 161 B |
After Width: | Height: | Size: 4.5 KiB |
Before Width: | Height: | Size: 106 B After Width: | Height: | Size: 231 B |
After Width: | Height: | Size: 471 B |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 6.1 KiB |
After Width: | Height: | Size: 5.3 KiB |
Before Width: | Height: | Size: 211 B After Width: | Height: | Size: 220 B |
Before Width: | Height: | Size: 95 B After Width: | Height: | Size: 216 B |
After Width: | Height: | Size: 219 B |
After Width: | Height: | Size: 354 B |
After Width: | Height: | Size: 5.1 KiB |
Before Width: | Height: | Size: 127 B After Width: | Height: | Size: 341 B |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 7 KiB |
After Width: | Height: | Size: 38 KiB |
After Width: | Height: | Size: 44 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 41 KiB |
After Width: | Height: | Size: 272 B |
Before Width: | Height: | Size: 139 B After Width: | Height: | Size: 225 B |
Before Width: | Height: | Size: 182 B After Width: | Height: | Size: 159 B |
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 2.5 KiB |
After Width: | Height: | Size: 925 B |
After Width: | Height: | Size: 4.8 KiB |
After Width: | Height: | Size: 8.6 KiB |
Before Width: | Height: | Size: 102 B After Width: | Height: | Size: 246 B |
Before Width: | Height: | Size: 88 B After Width: | Height: | Size: 139 B |
Before Width: | Height: | Size: 86 B After Width: | Height: | Size: 148 B |
Before Width: | Height: | Size: 109 B After Width: | Height: | Size: 172 B |
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 6.9 KiB |
Before Width: | Height: | Size: 110 B After Width: | Height: | Size: 174 B |
After Width: | Height: | Size: 282 B |
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 8.1 KiB |
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 6.7 KiB |
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 6.6 KiB |
Before Width: | Height: | Size: 138 B After Width: | Height: | Size: 387 B |
Before Width: | Height: | Size: 286 B After Width: | Height: | Size: 621 B |
Before Width: | Height: | Size: 174 B After Width: | Height: | Size: 172 B |
Before Width: | Height: | Size: 149 B After Width: | Height: | Size: 287 B |
Before Width: | Height: | Size: 95 B After Width: | Height: | Size: 153 B |
Before Width: | Height: | Size: 117 B After Width: | Height: | Size: 266 B |
BIN
apps/documenteditor/main/resources/help/en/images/groupup.png
Normal file
After Width: | Height: | Size: 7.4 KiB |
Before Width: | Height: | Size: 92 B After Width: | Height: | Size: 130 B |
Before Width: | Height: | Size: 159 B After Width: | Height: | Size: 219 B |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 6.8 KiB |
Before Width: | Height: | Size: 122 B After Width: | Height: | Size: 191 B |
Before Width: | Height: | Size: 101 B After Width: | Height: | Size: 240 B |
Before Width: | Height: | Size: 139 B After Width: | Height: | Size: 211 B |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 22 KiB |
After Width: | Height: | Size: 53 KiB |
After Width: | Height: | Size: 59 KiB |
Before Width: | Height: | Size: 238 B After Width: | Height: | Size: 483 B |
After Width: | Height: | Size: 7.6 KiB |
Before Width: | Height: | Size: 177 B After Width: | Height: | Size: 262 B |
Before Width: | Height: | Size: 100 B After Width: | Height: | Size: 227 B |
Before Width: | Height: | Size: 82 B After Width: | Height: | Size: 110 B |
Before Width: | Height: | Size: 261 B After Width: | Height: | Size: 526 B |
Before Width: | Height: | Size: 255 B After Width: | Height: | Size: 462 B |
Before Width: | Height: | Size: 106 B After Width: | Height: | Size: 241 B |
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 80 KiB |