Merge pull request #75 from ONLYOFFICE/feature/documentation-translations

Feature/documentation translations

apps/documenteditor/main/resources/help/en/Contents.json

@@ -3,8 +3,9 @@
     {"src": "ProgramInterface/FileTab.htm", "name": "File tab"},
     {"src": "ProgramInterface/HomeTab.htm", "name": "Home Tab"},
     {"src": "ProgramInterface/InsertTab.htm", "name": "Insert tab"},
-    {"src": "ProgramInterface/LayoutTab.htm", "name": "Layout tab"},
-    {"src": "ProgramInterface/ReviewTab.htm", "name": "Review tab"},
+    {"src": "ProgramInterface/LayoutTab.htm", "name": "Layout tab" },
+    {"src": "ProgramInterface/ReferencesTab.htm", "name": "References tab"},
+    {"src": "ProgramInterface/ReviewTab.htm", "name": "Collaboration tab"},
     {"src": "ProgramInterface/PluginsTab.htm", "name": "Plugins tab"},
     {"src": "UsageInstructions/ChangeColorScheme.htm", "name": "Change color scheme", "headername": "Basic operations"},
     {"src": "UsageInstructions/CopyPasteUndoRedo.htm", "name": "Copy/paste text passages, undo/redo your actions"},
@@ -34,6 +35,8 @@
     {"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/AlignArrangeObjects.htm", "name": "Align and arrange objects on a page" },
     {"src": "UsageInstructions/ChangeWrappingStyle.htm", "name": "Change wrapping style" },
     {"src": "UsageInstructions/UseMailMerge.htm", "name": "Use mail merge", "headername": "Mail Merge"},

apps/documenteditor/main/resources/help/en/HelpfulHints/CollaborativeEditing.htm

@@ -24,10 +24,11 @@
         </ul>
         <div class="onlineDocumentFeatures">
         <h3>Co-editing</h3>
-        <p><b>Document Editor</b> allows to select one of the two available co-editing modes. <b>Fast</b> is used by default and shows the changes made by other users in realtime. <b>Strict</b> is selected to hide other user changes until you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon to save your own changes and accept the changes made by others. The mode can be selected in the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>.</p>
+        <p><b>Document Editor</b> allows to select one of the two available co-editing modes. <b>Fast</b> is used by default and shows the changes made by other users in realtime. <b>Strict</b> is selected to hide other user changes until you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon to save your own changes and accept the changes made by others. The mode can be selected in the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>. It's also possible to choose the necessary mode using the <img alt="Co-editing Mode icon" src="../images/coeditingmode.png" /> <b>Co-editing Mode</b> icon at the <b>Collaboration</b> tab of the top toolbar:</p>
+        <p><img alt="Co-editing Mode menu" src="../images/coeditingmodemenu.png" /></p>
         <p>When a document is being edited by several users simultaneously in the <b>Strict</b> mode, the edited text passages are marked with dashed lines of different colors. By hovering the mouse cursor over one of the edited passages, the name of the user who is editing it at the moment is displayed. The <b>Fast</b> mode will show the actions and the names of the co-editors once they are editing the text.</p>
         <p>The number of users who are working at the current document is specified on the right side of the editor header - <img alt="Number of users icon" src="../images/usersnumber.png" />. If you want to see who exactly are editing the file now, you can click this icon or open the <b>Chat</b> panel with the full list of the users.</p>
-        <p>When no users are viewing or editing the file, the icon in the editor header will look like <img alt="Manage document access rights icon" src="../images/access_rights.png" /> allowing you to manage the users who have access to the file right from the document: invite new users giving them permissions to edit, read or review the document, or deny some users access rights to the file. Click this icon to manage the access to the file; this can be done both when there are no other users who view or co-edit the document at the moment and when there are other users and the icon looks like <img alt="Number of users icon" src="../images/usersnumber.png" />.</p>
+        <p>When no users are viewing or editing the file, the icon in the editor header will look like <img alt="Manage document access rights icon" src="../images/access_rights.png" /> allowing you to manage the users who have access to the file right from the document: invite new users giving them permissions to edit, read or review the document, or deny some users access rights to the file. Click this icon to manage the access to the file; this can be done both when there are no other users who view or co-edit the document at the moment and when there are other users and the icon looks like <img alt="Number of users icon" src="../images/usersnumber.png" />. It's also possible to set access rights using the <img alt="Sharing icon" src="../images/sharingicon.png" /> <b>Sharing</b> icon at the <b>Collaboration</b> tab of the top toolbar.</p>
         <p>As soon as one of the users saves his/her changes by clicking the <img alt="Save icon" src="../images/savewhilecoediting.png" /> icon, the others will see a note within the status bar stating that they have updates. To save the changes you made, so that other users can view them, and get the updates saved by your co-editors, click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar. The updates will be highlighted for you to check what exactly has been changed.</p>
         <p>You can specify what changes you want to be highlighted during co-editing if you click the <b>File</b> tab at the top toolbar, select the <b>Advanced Settings...</b> option and choose between <b>none</b>, <b>all</b> and <b>last</b> realtime collaboration changes. Selecting <b>View all</b> changes, all the changes made during the current session will be highlighted. Selecting <b>View last</b> changes, only the changes made since you last time clicked the <img alt="Save icon" src="../images/saveupdate.png" /> icon will be highlighted. Selecting <b>View None</b> changes, changes made during the current session will not be highlighted.</p>
         <h3 id="chat">Chat</h3>
@@ -35,19 +36,21 @@
         <p>The chat messages are stored during one session only. To discuss the document content it is better to use comments which are stored until you decide to delete them.</p>
         <p>To access the chat and leave a message for other users,</p>
         <ol>
-            <li>click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar,</li>
+            <li>click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar, or <br />
+                switch to the <b>Collaboration</b> tab of the top toolbar and click the <img alt="Chat icon" src="../images/chat_toptoolbar.png" /> <b>Chat</b> button,
+            </li>
             <li>enter your text into the corresponding field below,</li>
             <li>press the <b>Send</b> button.</li>
         </ol>
         <p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
-        <p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon once again.</p>
+        <p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar or the <img alt="Chat icon" src="../images/chat_toptoolbar.png" /> <b>Chat</b> button at the top toolbar once again.</p>
         </div>
                 <h3 id="comments">Comments</h3>
         <p>To leave a comment,</p>
         <ol>
             <li>select a text passage where you think there is an error or problem,</li>
             <li>
-                switch to the <b>Insert</b> or <b>Review</b> tab of the top toolbar and click the <img alt="Comment icon" src="../images/comment_toptoolbar.png" /> <b>Comment</b> button, or<br />
+                switch to the <b>Insert</b> or <b>Collaboration</b> tab of the top toolbar and click the <img alt="Comment icon" src="../images/comment_toptoolbar.png" /> <b>Comment</b> button, or<br />
                 use the <img alt="Comments icon" src="../images/commentsicon.png" /> icon at the left sidebar to open the <b>Comments</b> panel and click the <b>Add Comment to Document</b> link, or<br />
                 right-click the selected text passage and select the <b>Add Сomment</b> option from the contextual menu,
             </li>

apps/documenteditor/main/resources/help/en/HelpfulHints/Review.htm

@@ -21,15 +21,15 @@
         <p>To see changes suggested by a reviewer, enable the <b>Track Changes</b> option in one of the following ways:</p>
         <ul>
             <li>click the <img alt="Track changes button" src="../images/trackchangesstatusbar.png" /> button in the right lower corner at the status bar, or</li>
-            <li>switch to the <b>Review</b> tab at the top toolbar and press the <img alt="Track Changes button" src="../images/trackchangestoptoolbar.png" /> <b>Track Changes</b> button.</li>
+            <li>switch to the <b>Collaboration</b> tab at the top toolbar and press the <img alt="Track Changes button" src="../images/trackchangestoptoolbar.png" /> <b>Track Changes</b> button.</li>
         </ul>
         <p class="note"><b>Note</b>: it is not necessary for the reviewer to enable the <b>Track Changes</b> option. It is enabled by default and cannot be disabled when the document is shared with review only access rights.</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>All changes (Editing)</b> - this option is selected by default. It allows both to view suggested changes and edit the document.</li>
-            <li><b>All changes accepted (Preview)</b> - this mode is used to display all the changes as if they 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.</li>
-            <li><b>All changes rejected (Preview)</b> - this mode is used to display all the changes as if they 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.</li>
+            <li><b>Markup</b> - this option is selected by default. It allows both to view suggested changes and edit the document.</li>
+            <li><b>Final</b> - this mode is used to display all the changes as if they 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.</li>
+            <li><b>Original</b> - this mode is used to display all the changes as if they 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.</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>

apps/documenteditor/main/resources/help/en/HelpfulHints/SpellChecking.htm

@@ -15,12 +15,11 @@
         </div>
 		<h1>Spell-checking</h1>
 			<p><b>Document Editor</b> allows you to check the spelling of your text in a certain language and correct mistakes while editing.</p>
-			<p>First of all, <b>choose a language</b> for your document. Switch to the <b>Review</b> tab of the top toolbar and click the <img alt="Set Document Language icon" src="../images/document_language.png" /> <b>Language</b> icon. In the window that appears, select the necessary language and click <b>OK</b>. The selected language will be applied to the whole document. </p>
+			<p>First of all, <b>choose a language</b> for your document. Click the <img alt="Set Document Language icon" src="../images/document_language.png" /> <b>Set Document Language</b> icon at the status bar. In the window that appears, select the necessary language and click <b>OK</b>. The selected language will be applied to the whole document. </p>
 			<p><img alt="Set Document Language window" src="../images/document_language_window.png" /></p>
 			<p>To <b>choose a different language</b> for any piece of text within the document, select the necessary text passage with the mouse and use the <img alt="Spell-checking - Text Language selector" src="../images/spellchecking_language.png" /> menu at the status bar.</p>
 			<p>To <b>enable</b> the spell checking option, you can:</p>
             <ul>
-                <li>click the <img alt="Spell Checking top toolbar icon" src="../images/spellchecking_toptoolbar.png" /> <b>Spell Checking</b> icon at the <b>Review</b> tab of the top toolbar, or</li>
                 <li>click the <img alt="Spell checking deactivated icon" src="../images/spellcheckdeactivated.png" /> <b>Spell checking</b> icon at the status bar, or</li>
                 <li>open the <b>File</b> tab of the top toolbar, select the <b>Advanced Settings...</b> option, check the <b>Turn on spell checking option</b> box and click the <b>Apply</b> button.</li>
             </ul>
@@ -34,7 +33,6 @@
             <p><img alt="Spell-checking" src="../images/spellchecking.png" /></p>
             <p>To <b>disable</b> the spell checking option, you can:</p>
             <ul>
-                <li>click the <img alt="Spell Checking top toolbar icon" src="../images/spellchecking_toptoolbar_activated.png" /> <b>Spell Checking</b> icon at the <b>Review</b> tab of the top toolbar, or</li>
                 <li>click the <img alt="Spell checking activated icon" src="../images/spellcheckactivated.png" /> <b>Spell checking</b> icon at the status bar, or</li>
                 <li>open the <b>File</b> tab of the top toolbar, select the <b>Advanced Settings...</b> option, uncheck the <b>Turn on spell checking option</b> box and click the <b>Apply</b> button.</li>
             </ul>

apps/documenteditor/main/resources/help/en/ProgramInterface/InsertTab.htm

@@ -21,8 +21,8 @@
                 <li>insert <a href="../UsageInstructions/PageBreaks.htm" onclick="onhyperlinkclick(this)">page breaks</a>, <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">section breaks</a> and <a href="../UsageInstructions/SetPageParameters.htm#columns" onclick="onhyperlinkclick(this)">column breaks</a>,</li>
                 <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)">pictures</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="../UsageInstructions/InsertFootnotes.htm" onclick="onhyperlinkclick(this)">footnotes</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>.</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>
             </ul>
 		</div>
 	</body>

apps/documenteditor/main/resources/help/en/ProgramInterface/PluginsTab.htm

@@ -14,9 +14,10 @@
             <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
         </div>
 			<h1>Plugins tab</h1>
-            <p>The <b>Plugins</b> tab allows to access advanced editing features using available third-party components.</p>
+            <p>The <b>Plugins</b> tab allows to access advanced editing features using available third-party components. Here you can also use macros to simplify routine operations.</p>
             <p><img alt="Plugins tab" src="../images/interface/pluginstab.png" /></p>
-            <p>Currently, the following plugins are available:</p>		
+            <p>The <b>Macros</b> button allows to open the window where you can create your own macros and run them. To learn more about macros you can refer to our <a target="_blank" href="https://api.onlyoffice.com/plugin/macros" onclick="onhyperlinkclick(this)">API Documentation</a>.</p>
+            <p>Currently, the following plugins are available by default:</p>		
             <ul>
                 <li><b>ClipArt</b> allows to add images from the clipart collection into your document,</li>
                 <li><b>OCR</b> allows to recognize text included into a picture and insert it into the document text,</li>
@@ -26,6 +27,7 @@
                 <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>
             </ul>
+            <p>The <b>Wordpress</b> and <b>EasyBib</b> plugins can be used if you connect the corresponding services in your portal settings. You can use the following instructions <a target="_blank" href="https://helpcenter.onlyoffice.com/server/windows/community/authorization-keys.aspx" onclick="onhyperlinkclick(this)">for the server version</a> or <a target="_blank" href="https://helpcenter.onlyoffice.com/tipstricks/authorization-keys-saas.aspx" onclick="onhyperlinkclick(this)">for the SaaS version</a>. </p>
             <p>To learn more about plugins please refer to our <a target="_blank" href="https://api.onlyoffice.com/plugin/basic" onclick="onhyperlinkclick(this)">API Documentation</a>. All the currently existing open source plugin examples are available on <a target="_blank" href="https://github.com/ONLYOFFICE/sdkjs-plugins" onclick="onhyperlinkclick(this)">GitHub</a>.</p>
 		</div>
 	</body>

apps/documenteditor/main/resources/help/en/ProgramInterface/ProgramInterface.htm

@@ -21,12 +21,12 @@
                 <li><b>Editor header</b> displays the logo, menu tabs, document name as well as two icons on the right that allow to <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">set access rights</a> and return to the Documents list.
                 <p><img alt="Icons in the editor header" src="../images/interface/rightpart.png" /></p>
                 </li>
-                <li><b>Top toolbar</b> displays a set of editing commands depending on the selected menu tab. Currently, the following tabs are available: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">File</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Home</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insert</a>, <a href="../ProgramInterface/LayoutTab.htm" onclick="onhyperlinkclick(this)">Layout</a>, <a href="../ProgramInterface/ReviewTab.htm" onclick="onhyperlinkclick(this)">Review</a>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
+                <li><b>Top toolbar</b> displays a set of editing commands depending on the selected menu tab. Currently, the following tabs are available: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">File</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Home</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insert</a>, <a href="../ProgramInterface/LayoutTab.htm" onclick="onhyperlinkclick(this)">Layout</a>, <a href="../ProgramInterface/ReferencesTab.htm" onclick="onhyperlinkclick(this)">References</a>, <a href="../ProgramInterface/ReviewTab.htm" onclick="onhyperlinkclick(this)">Collaboration</a>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
                 <p>The <b>Print</b>, <b>Save</b>, <b>Copy</b>, <b>Paste</b>, <b>Undo</b> and <b>Redo</b> options are always available at the left part of the <b>Top toolbar</b> regardless of the selected tab.</p>
                 <p><img alt="Icons on the top toolbar" src="../images/interface/leftpart.png" /></p>
                 </li>
                 <li><b>Status bar</b> at the bottom of the editor window contains the page number indicator, displays some notifications (such as "All changes saved" etc.), allows to <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">set text language, enable spell checking</a>, turn on the <a href="../HelpfulHints/Review.htm" onclick="onhyperlinkclick(this)">track changes mode</a>, adjust <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">zoom</a>.</li>
-                <li><b>Left sidebar</b> contains icons that allow to use the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search and Replace</a> tool, open the <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comments</a> and <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel, contact our support team and view the information about the program.</li>
+                <li><b>Left sidebar</b> contains icons that allow to use the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search and Replace</a> tool, open the <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comments</a>, <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> and <a href="../UsageInstructions/CreateTableOfContents.htm#navigation" onclick="onhyperlinkclick(this)">Navigation</a> panel, contact our support team and view the information about the program.</li>
                 <li><b>Right sidebar</b> allows to adjust additional parameters of different objects. When you select a particular object in the text, the corresponding icon is activated at the right sidebar. Click this icon to expand the right sidebar.</li>
                 <li>Horizontal and vertical <b>Rulers</b> allow to align text and other elements in a document, set up margins, tab stops, and paragraph indents.</li>
                 <li><b>Working area</b> allows to view document content, enter and edit data.</li>

apps/documenteditor/main/resources/help/en/ProgramInterface/ReferencesTab.htm

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>References tab</title>
+		<meta charset="utf-8" />
+        <meta name="description" content="Introducing the Document Editor user interface - References tab" />
+		<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>References tab</h1>
+            <p>The <b>References</b> tab allows to manage different types of references: add and refresh a table of contents, create and edit footnotes, insert hyperlinks.</p>
+            <p><img alt="References tab" src="../images/interface/referencestab.png" /></p>
+            <p>Using this tab, you can:</p>
+            <ul>
+                <li>create and automatically update a <a href="../UsageInstructions/CreateTableOfContents.htm" onclick="onhyperlinkclick(this)">table of contents</a>,</li>
+                <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>
+            </ul>
+		</div>
+	</body>
+</html>

apps/documenteditor/main/resources/help/en/ProgramInterface/ReviewTab.htm

@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>Review tab</title>
+		<title>Collaboration tab</title>
 		<meta charset="utf-8" />
-        <meta name="description" content="Introducing the Document Editor user interface - Review tab" />
+        <meta name="description" content="Introducing the Document Editor user interface - Collaboration tab" />
 		<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>
@@ -13,16 +13,19 @@
         <div class="search-field">
             <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
         </div>
-			<h1>Review tab</h1>
-            <p>The <b>Review</b> tab allows to proof the document: make sure that the spelling of the text is correct, manage comments, track changes made by a reviewer.</p>
-            <p><img alt="Review tab" src="../images/interface/reviewtab.png" /></p>	
+			<h1>Collaboration tab</h1>
+            <p>The <b>Collaboration</b> tab allows to organize collaborative work on the document: share the file, select a co-editing mode, manage comments, track changes made by a reviewer, view all versions and revisions.</p>
+            <p><img alt="Collaboration tab" src="../images/interface/reviewtab.png" /></p>	
             <p>Using this tab, you can:</p>
             <ul>
-                <li>switch document language and enable <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">spell checking</a>,</li>
+                <li>specify <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">sharing settings</a>,</li>
+                <li>switch between the <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">Strict and Fast</a> co-editing modes,</li>
                 <li>add <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>manage the <a href="../HelpfulHints/Review.htm#managechanges" onclick="onhyperlinkclick(this)">suggested changes</a>,</li>
+                <li>open the <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel,</li>
+                <li>track <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">version history</a>.</li>
             </ul>
 		</div>
 	</body>

apps/documenteditor/main/resources/help/en/UsageInstructions/AddHyperlinks.htm

@@ -17,7 +17,7 @@
 			<p>To add a hyperlink,</p>
 			<ol>
 				<li>place the cursor to a position where a hyperlink will be added,</li>
-                <li>switch to the <b>Insert</b> tab of the top toolbar,</li>
+                <li>switch to the <b>Insert</b> or <b>References</b> tab of the top toolbar,</li>
 				<li>click the <img alt="Hyperlink icon" src="../images/addhyperlink.png" /> <b>Hyperlink</b> icon at the top toolbar,</li>
 				<li>after that the <b>Hyperlink Settings</b> window will appear where you can specify the hyperlink parameters:
 				<ul>
@@ -31,7 +31,7 @@
 			</ol>
 			<p>To add a hyperlink, you can also click with the right mouse button at a position where a hyperlink will be added and select the <b>Hyperlink</b> option in the menu that opens the window displayed above.</p>
 			<p class="note"><b>Note</b>: it's also possible to select a caracter, word, word combination, text passage with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a> and
-			click the <img alt="Hyperlink icon" src="../images/addhyperlink.png" /> <b>Hyperlink</b> icon at the <b>Insert</b> tab of the top toolbar or right-click the selection and choose the <b>Hyperlink</b> option in the menu. 
+			click the <img alt="Hyperlink icon" src="../images/addhyperlink.png" /> <b>Hyperlink</b> icon at the <b>Insert</b> or <b>References</b> tab of the top toolbar or right-click the selection and choose the <b>Hyperlink</b> option in the menu. 
 			After that the window displayed above will open with the <b>Display</b> field filled with the text fragment you selected.</p>
 			<p>By hovering the cursor over the added hyperlink, the ScreenTip will appear containing the text you specified. 
 			You can follow the link by pressing the <b>CTRL</b> key and clicking the link in your document.</p>

apps/documenteditor/main/resources/help/en/UsageInstructions/CopyPasteUndoRedo.htm

@@ -36,6 +36,12 @@
                 <li><em>Paste</em> - allows to paste the copied text keeping its original formatting.</li>
                 <li><em>Keep text only</em> - allows to paste the text without its original formatting.</li>
             </ul>
+            <p>If you paste the copied table into an existing table, the following options are available:</p>
+            <ul>
+                <li><em>Overwrite cells</em> - allows to replace the existing table contents with the pasted data. This option is selected by default.</li>
+                <li><em>Nest table</em> - allows to paste the copied table as a nested table into the selected cell of the existing table.</li>
+                <li><em>Keep text only</em> - allows to paste the table contents as text values separated by the tab character.</li>
+            </ul>
             <h3>Undo/redo your actions</h3>
 			<p>To perform the undo/redo operations, use the corresponding icons available at any tab of the top toolbar or keyboard shortcuts:</p>
             <ul>

apps/documenteditor/main/resources/help/en/UsageInstructions/CreateTableOfContents.htm

@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Create a Table of Contents</title>
+		<meta charset="utf-8" />
+        <meta name="description" content="Create a Table of Contents" />
+		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
+	</head>
+	<body>
+		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
+        </div>
+			<h1>Create a Table of Contents</h1>
+            <p>A table of contents contains a list of all chapters (sections etc.) in a document and displays the numbers of the pages where each chapter is started. This allows to easily navigate through a multi-page document quickly switching to the necessary part of the text. The table of contents is generated automatically on the base of the document headings formatted using built-in styles. This makes it easy to update the created table of contents without the necessity to edit headings and change page numbers manually if the document text has been changed.</p>
+			<h3>Define the heading structure</h3>
+            <p><b>Format headings</b></p>
+            <p>First of all, format headings in you document using one of the predefined styles. To do that,</p>
+            <ol>
+                <li>Select the text you want to include into the table of contents.</li>
+                <li>Open the style menu on the right side of the <b>Home</b> tab at the top toolbar.</li>
+                <li>Click the style you want to apply. By default, you can use the <em>Heading 1 - Heading 9</em> styles.
+                <p class="note"><b>Note</b>: if you want to use other styles (e.g. <em>Title</em>, <em>Subtitle</em> etc.) to format headings that will be included into the table of contents, you will need to adjust the table of contents settings first (see the corresponding section below). To learn more about available formatting styles, you can refer to <a href="../UsageInstructions/FormattingPresets.htm" onclick="onhyperlinkclick(this)">this page</a>.</p>
+                </li>
+            </ol>
+            <p id="navigation"><b>Manage headings</b></p>
+            <p>Once the headings are formatted, you can click the <img alt="Navigation icon" src="../images/navigationicon.png" /> <b>Navigation</b> icon at the left sidebar to open the panel that displays the list of all headings with corresponding nesting levels. This panel allows to easily navigate between headings in the document text as well as manage the heading structure.</p>
+            <p>Right-click on a heading in the list and use one of the available options from the menu:</p>
+            <p><img alt="Navigation panel" src="../images/navigationpanel.png" /></p>
+            <ul>
+                <li><b>Promote</b> - to move the currently selected heading up to the higher level in the hierarchical structure, e.g. change it from <em>Heading 2</em> to <em>Heading 1</em>.</li>
+                <li><b>Demote</b> - to move the currently selected heading down to the lower level in the hierarchical structure, e.g. change it from <em>Heading 1</em> to <em>Heading 2</em>.</li>
+                <li><b>New heading before</b> - to add a new empty heading of the same level before the currently selected one.</li>
+                <li><b>New heading after</b> - to add a new empty heading of the same level after the currently selected one.</li>
+                <li><b>New subheading</b> - to add a new empty subheading (i.e. a heading with lower level) after the currently selected heading.
+                <p>When the heading or subheading is added, click on the added empty heading in the list and type in your own text. This can be done both in the document text and on the <b>Navigation</b> panel itself.</p>
+                </li>
+                <li><b>Select content</b> - to select the text below the current heading in the document (including the text related to all subheadings of this heading).</li>
+                <li><b>Expand all</b> - to expand all levels of headings at the <b>Navigation</b> panel.</li>
+                <li><b>Collapse all</b> - to collapse all levels of headings, excepting <em>level 1</em>, at the <b>Navigation</b> panel.</li>
+                <li><b>Expand to level</b> - to expand the heading structure to the selected level. E.g. if you select <em>level 3</em>, then levels 1, 2 and 3 will be expanded, while level 4 and all lower levels will be collapsed.</li>
+            </ul>
+            <p>To manually expand or collapse separate heading levels, use the arrows to the left of the headings.</p>
+            <p>To close the <b>Navigation</b> panel, click the <img alt="Navigation icon" src="../images/navigationicon.png" /> <b>Navigation</b> icon at the left sidebar once again.</p>
+            <h3>Insert a Table of Contents into the document</h3>
+            <p>To insert a table of contents into your document:</p>
+            <ol>
+                <li>Position the insertion point where you want to add the table of contents.</li>
+                <li>Switch to the <b>References</b> tab of the top toolbar.</li>
+                <li>Click the <img alt="Table of Contents icon" src="../images/tocicon.png" /> <b>Table of Contents</b> icon at the top toolbar, or<br />
+                click the arrow next to this icon and select the necessary layout option from the menu. You can select the table of contents that displays headings, page numbers and leaders, or headings only.
+                <p><img alt="Table of Contents options" src="../images/tociconmenu.png" /></p>
+                    <p class="note"><b>Note</b>: the table of content appearance can be adjusted later via the table of contents settings.</p>
+                </li>
+            </ol>
+            <p>The table of contents will be added at the current cursor position. To change the position of the table of contents, you can select the table of contents field (content control) and simply drag it to the desired place. To do that, click the <img alt="Table of Contents content control button" src="../images/toccontentcontrol.png" /> button in the upper left corner of the table of contents field and drag it without releasing the mouse button to another position in the document text.</p>
+            <p><img alt="Moving the table of contents" src="../images/tocmove.png" /></p>
+            <p>To navigate between headings, press the <b>Ctrl</b> key and click the necessary heading within the table of contents field. You will go to the corresponding page.</p>
+            <h3>Adjust the created Table of Contents</h3>
+            <p><b>Refresh the Table of Contents</b></p>
+            <p>After the table of contents is created, you may continue editing your text by adding new chapters, changing their order, removing some paragraphs, or expanding the text related to a heading so that the page numbers that correspond to the preceding or subsequent section may change. In this case, use the <b>Refresh</b> option to automatically apply all changes to the table of contents.</p>
+            <p>Click the arrow next to the <img alt="Refresh icon" src="../images/tocrefreshicon.png" /> <b>Refresh</b> icon at the <b>References</b> tab of the top toolbar and select the necessary option from the menu:</p>
+            <ul>
+                <li><b>Refresh entire table</b> - to add the headings that you added to the document, remove the ones you deleted from the document, update the edited (renamed) headings as well as update page numbers.</li>
+                <li><b>Refresh page numbers only</b> - to update page numbers without applying changes to the headings.</li>
+            </ul>
+            <p>Alternatively, you can select the table of contents in the document text and click the <img alt="Refresh icon" src="../images/tocrefreshiconcc.png" /> <b>Refresh</b> icon at the top of the table of contents field to display the above mentioned options.</p>
+            <p><img alt="Refreshing the table of contents" src="../images/tocrefreshcc.png" /></p>
+            <p>It's also possible to right-click anywhere within the table of contents and use the corresponding options from the contextual menu.</p>
+            <p><img alt="Contextual menu" src="../images/tocrefreshcontextual.png" /></p>
+            <p><b>Adjust the Table of Contents settings</b></p>
+            <p>To open the table of contents settings, you can proceed in the following ways:</p>
+            <ul>
+                <li>Click the arrow next to the <img alt="Table of Contents icon" src="../images/tocicon.png" /> <b>Table of Contents</b> icon at the top toolbar and select the <b>Settings</b> option from the menu.</li>
+                <li>Select the table of contents in the document text, click the arrow next to the table of contents field title and select the <b>Settings</b> option from the menu.
+                <p><img alt="Table of Contents options" src="../images/tocsettingscc.png" /></p>    
+                </li>
+                <li>Right-click anywhere within the table of contents and use the <b>Table of contents 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="Table of Contents settings window" src="../images/tocsettingswindow.png" /></p> 
+            <ul>
+                <li><b>Show page numbers</b> - this option allows to choose if you want to display page numbers or not.</li>
+                <li><b>Right align page numbers</b> - this option allows to choose if you want to align page numbers by the right side of the page or not.</li>
+                <li><b>Leader</b> - this option allows to choose the leader type you want to use. A leader is a line of characters (dots or hyphens) that fills the space between a heading and a corresponding page number. It's also possible to select the <b>None</b> option if you do not want to use leaders.</li>
+                <li><b>Format Table of Contents as links</b> - this option is checked by default. If you uncheck it, you will not be able to switch to the necessary chapter by pressing <b>Ctrl</b> and clicking the corresponding heading.</li>
+                <li><b>Build table of contents from</b> - this section allows to specify the necessary number of outline levels as well as the default styles that will be used to create the table of contents. Check the necessary radio button:
+                <ul>
+                    <li><b>Outline levels</b> - when this option is selected, you will be able to adjust the number of hierarchical levels used in the table of contents. Click the arrows in the <b>Levels</b> field to decrease or increase the number of levels (the values from 1 to 9 are available). E.g., if you select the value of 3, headings that have levels  4 - 9 will not be included into the table of contents.
+                    </li>
+                    <li><b>Selected styles</b> - when this option is selected, you can specify additional styles that can be used to build the table of contents and assign a corresponding outline level to each of them. Specify the desired level value in the field to the right of the style. Once you save the settings, you will be able to use this style when creating the table of contents.
+                    <p><img alt="Table of Contents settings window" src="../images/tocsettingswindow2.png" /></p>
+                    </li>
+                </ul>
+                </li>
+                <li><b>Styles</b> - this options allows to select the desired appearance of the table of contents. Select the necessary style from the drop-down list.  The preview field above displays how the table of contents should look like.
+                <p>The following four default styles are available: <em>Simple</em>, <em>Standard</em>, <em>Modern</em>, <em>Classic</em>. The <em>Current</em> option is used if you customize the table of contents style.</p>
+                </li>
+            </ul>
+            <p>Click the <b>OK</b> button within the settings window to apply the changes.</p>
+            <p><b>Customize the Table of Contents style</b></p>
+            <p>After you apply one of the default table of contents styles within the <b>Table of Contents</b> settings window, you can additionally modify this style so that the text within the table of contents field looks like you need.</p>
+            <ol>
+                <li>Select the text within the table of contents field, e.g. pressing the <img alt="Table of Contents content control button" src="../images/toccontentcontrol.png" /> button in the upper left corner of the table of contents content control.</li>
+                <li>Format table of contents items changing their font type, size, color or applying the font decoration styles.</li>
+                <li>Consequently update styles for items of each level. To update the style, right-click the formatted item, select the <b>Formatting as Style</b> option from the contextual menu and click the <b>Update toc N style</b> option (<em>toc 2</em> style corresponds to items that have <em>level 2</em>, <em>toc 3</em> style corresponds to items with <em>level 3</em> and so on).
+                    <p><img alt="Update Table of Contents style" src="../images/toccustomize.png" /></p>
+                </li>
+                <li>Refresh the table of contents.</li>
+            </ol>
+            <p><b>Remove the Table of Contents</b></p>
+            <p>To remove the table of contents from the document:</p>
+            <ul>
+                <li>click the arrow next to the <img alt="Table of Contents icon" src="../images/tocicon.png" /> <b>Table of Contents</b> icon at the top toolbar and use the <b>Remove table of contents</b> option,</li>
+                <li>or click the arrow next to the table of contents content control title and use the <b>Remove table of contents</b> option.</li>
+            </ul>
+		</div>
+	</body>
+</html>

apps/documenteditor/main/resources/help/en/UsageInstructions/InsertContentControls.htm

@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Insert content controls</title>
+		<meta charset="utf-8" />
+        <meta name="description" content="Insert content controls to 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" />
+		<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 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>
+            <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>
+            </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><img alt="New plain text content control" src="../images/addedcontentcontrol.png" /></p>
+            <p>To create a new <b>rich text content control</b>,</p>
+            <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>
+            </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><img alt="Rich text content control" src="../images/richtextcontentcontrol.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>Changing content control settings</h3>
+            <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>
+            <ul>
+                <li>Specify the content control <b>Title</b> or <b>Tag</b> in the corresponding fields.</li>
+                <li>Protect the content control from being deleted or edited using the option from the <b>Locking</b> section:
+                <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>
+            <p>Click the <b>OK</b> button within the settings window to apply the changes.</p>
+            <h3>Removing content controls</h3>
+            <p>To remove a control and leave all its contents, click the content control to select it, then proceed in one of the following ways:</p>
+            <ul>
+                <li>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>Remove content control</b> option from the menu.</li>
+                <li>Right-click the content control and use the <b>Remove content control</b> option from the contextual menu.</li>
+            </ul>
+            <p>To remove a control and all its contents, select the necessary control and press the <b>Delete</b> key on the keyboard.</p>
+                        
+		</div>
+	</body>
+</html>

apps/documenteditor/main/resources/help/en/UsageInstructions/InsertFootnotes.htm

@@ -18,7 +18,7 @@
 			<p>To insert a footnote into your document,</p>
 			<ol>
                 <li>position the insertion point at the end of the text passage that you want to add a footnote to,</li>
-                <li>switch to the <b>Insert</b> tab of the top toolbar,</li>
+                <li>switch to the <b>References</b> tab of the top toolbar,</li>
 				<li>click the <img alt="Footnote icon" src="../images/addfootnote.png" /> <b>Footnote</b> icon at the top toolbar, or<br/>
                 click the arrow next to the <img alt="Footnote icon" src="../images/addfootnote.png" /> <b>Footnote</b> icon and select the <b>Insert Footnote</b> option from the menu,
                 <p>The footnote mark (i.e. the superscript character that indicates a footnote) appears in the document text and the insertion point moves to the bottom of the current page.</p>
@@ -31,13 +31,13 @@
             <p><img alt="Footnote text" src="../images/footnotetext.png" /></p>
             <p>To easily navigate between the added footnotes within the document text,</p>
             <ol>
-                <li>click the arrow next to the <img alt="Footnote icon" src="../images/addfootnote.png" /> <b>Footnote</b> icon at the <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the arrow next to the <img alt="Footnote icon" src="../images/addfootnote.png" /> <b>Footnote</b> icon at the <b>References</b> tab of the top toolbar,</li>
                 <li>in the <b>Go to Footnotes</b> section, use the <img alt="Previous footnote icon" src="../images/previousfootnote.png" /> arrow to go to the previous footnote or the <img alt="Next footnote icon" src="../images/nextfootnote.png" /> arrow to go to the next footnote.</li>
             </ol>
             <hr />
 			<p>To edit the footnotes settings,</p>
 			<ol>
-				<li>click the arrow next to the <img alt="Footnote icon" src="../images/addfootnote.png" /> <b>Footnote</b> icon at the <b>Insert</b> tab of the top toolbar,</li>
+				<li>click the arrow next to the <img alt="Footnote icon" src="../images/addfootnote.png" /> <b>Footnote</b> icon at the <b>References</b> tab of the top toolbar,</li>
                 <li>select the <b>Notes Settings</b> option from the menu,</li>
 				<li>change the current parameters in the <b>Notes Settings</b> window that opens: 
 				<p><img alt="Footnotes Settings window" src="../images/footnotes_settings.png" /></p>
@@ -74,7 +74,7 @@
             <p>To remove a single footnote, position the insertion point directly before the footnote mark in the document text and press <b>Delete</b>. Other footnotes will be renumbered automatically.</p>
             <p>To delete all the footnotes in the document,</p>
             <ol>
-                <li>click the arrow next to the <img alt="Footnote icon" src="../images/addfootnote.png" /> <b>Footnote</b> icon at the <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the arrow next to the <img alt="Footnote icon" src="../images/addfootnote.png" /> <b>Footnote</b> icon at the <b>References</b> tab of the top toolbar,</li>
                 <li>select the <b>Delete All Footnotes</b> option from the menu.</li>
             </ol>
 		</div>

apps/documenteditor/main/resources/help/en/UsageInstructions/InsertImages.htm

@@ -41,8 +41,8 @@
 				<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>
 				<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 (for more information see the advanced settings description below).</li>
 				<li><b>Replace Image</b> is used to replace the current image loading another one from file or URL.</li>
-			</ul>			
-			<p>Some of these options you can also find in the <b>right-click menu</b>. The menu options are:</p>
+			</ul>
+            <p>Some of these options you can also find in the <b>right-click menu</b>. The menu options are:</p>
 			<ul style="margin-left: 280px;">
                 <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>Arrange</b> is used to bring the selected image to foreground, send to background, move forward or backward as well as group or ungroup images to perform operations with several of them at once. To learn more on how to arrange objects you can refer to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">this page</a>.</li>
@@ -51,6 +51,7 @@
 				<li><b>Default Size</b> is used to change the current image size to the default one.</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>
 			<hr />
 			<p>To change its 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>

apps/documenteditor/main/resources/help/en/UsageInstructions/InsertTables.htm

@@ -30,8 +30,12 @@
 						</li>
 					</ul>
 				</li>
-				<li>once the table is added you can change its properties and position.</li>
+				<li>once the table is added you can change its properties, size and position.</li>
 			</ol>
+            <p>To resize a table, hover the mouse cursor over the <img alt="Square icon" src="../images/resizetable_handle.png" /> handle in its lower right corner and drag it until the table reaches the necessary size.</p>
+            <p><img alt="Resize table" src="../images/resizetable.png" /></p>
+            <p>You can also manually change the width of a certain column or the height of a row. Move the mouse cursor over the right border of the column so that the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing column width" src="../images/changecolumnwidth.png" /> and drag the border to the left or right to set the necessary width. To change the height of a single row manually, move the mouse cursor over the bottom border of the row until the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing row height" src="../images/changerowheight.png" /> and drag it up or down.</p>
+            <p>To move a table, hover the mouse cursor over the <img alt="Move table icon" src="../images/movetable_handle.png" /> handle in its upper left corner and drag it to the necessary place in the document.</p>
 			<hr />
             <h3>Adjust table settings</h3>
 			<p>Some of the table properties as well as its structure can be altered using the right-click menu. The menu options are:</p>
@@ -42,10 +46,10 @@
 				<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>Cell Vertical Alignment</b> is used to align the text top, center or bottom in the selected cell.</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>
                 <li><b>Text Direction</b> - is used to change the text orientation in a cell. You can place the text horizontally, vertically from top to bottom (<b>Rotate at 90°</b>), or vertically from bottom to top (<b>Rotate at 270°</b>).</li>
-				<li><b>Wrapping Style - Inline</b> is used to select the inline style (when the text is broken by the table) as well as the alignment: left, center, right.</li>
-				<li><b>Wrapping Style - Flow</b> is used to select the flow style when the text is wrapped around the table.</li>
 				<li><b>Table Advanced Settings</b> is used to open the 'Table - Advanced Settings' window.</li>
 				<li><b>Hyperlink</b> is used to insert a hyperlink.</li>
 				<li><b>Paragraph Advanced Settings</b> is used to open the 'Paragraph - Advanced Settings' window.</li>
@@ -70,8 +74,8 @@
 				</li>
 				<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>Wrapping Style</b> is used to select between two text wrapping styles - inline and flow.</p></li>
 				<li><p><b>Rows &amp; 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>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>

apps/documenteditor/main/resources/help/en/UsageInstructions/SetTabStops.htm

@@ -35,9 +35,10 @@
 			<ul>
 			    <li><b>Tab Position</b> - is used to set custom tab stops. Enter the necessary value in this box, adjust it more precisely using the arrow buttons and press the <b>Specify</b> button. Your custom tab position will be added to the list in the field below. If you've previously added some tab stops using the ruler, all these tab positions will also be displayed in the list.</li>
 			    <li><b>Default Tab</b> is set at 1.25 cm. You can decrease or increase this value using the arrow buttons or enter the necessary one in the box.</li>
-			    <li><b>Alignment</b> - is used to set the necessary alignment type for each of the tab positions in the list above. Select the necessary tab position in the list, choose the <b>Left</b>, <b>Center</b> or <b>Right</b> radio button and press the <b>Specify</b> button.
-			        <p>To delete tab stops from the list select a tab stop and press the <b>Remove</b> or <b>Remove All</b> button.</p>
-			    </li>
+			    <li><b>Alignment</b> - is used to set the necessary alignment type for each of the tab positions in the list above. Select the necessary tab position in the list, choose the <b>Left</b>, <b>Center</b> or <b>Right</b> option from the drop-down list and press the <b>Specify</b> button.</li>
+                <li><b>Leader</b> - allows to choose a character used to create a leader for each of the tab positions. A leader is a line of characters (dots or hyphens) that fills the space between tabs. Select the necessary tab position in the list, choose the leader type from the drop-down list and press the <b>Specify</b> button.
+                    <p>To delete tab stops from the list select a tab stop and press the <b>Remove</b> or <b>Remove All</b> button.</p>
+                </li>
 			</ul>			
 		</div>
 	</body>

apps/documenteditor/main/resources/help/en/UsageInstructions/ViewDocInfo.htm

@@ -27,7 +27,7 @@
                     <p>You can also change currently selected access rights by pressing the <b>Change access rights</b> button in the <b>Persons who have rights</b> section.</p>
                     <h3>Version History</h3>
                     <p class="note"><b>Note</b>: this option is not available for free accounts as well as for users with the <b>Read Only</b> permissions.</p>
-                    <p>To view all the changes made to this document, select the <b>Version History</b> option at the left sidebar. You'll see the list of this document versions (major changes) and revisions (minor changes) with the indication of each version/revision author and creation date and time. For document versions, the version number is also specified (e.g. <em>ver. 2</em>). To know exactly which changes have been made in each separate version/revision, you can view the one you need by clicking it at the left sidebar. The changes made by the version/revision author are marked with the color which is displayed next to the author name on the left sidebar. You can use the <b>Restore</b> link below the selected version/revision to restore it. <!--To hide the list of the revisions within a certain version, use the <img alt="Collapse icon" src="../images/collapse.png" /> icon next to the version. To display revisions again, use the <img alt="Expand icon" src="../images/expand.png" /> icon.--> </p>
+                    <p>To view all the changes made to this document, select the <b>Version History</b> option at the left sidebar. It's also possible to open the history of versions using the <img alt="Version History icon" src="../images/versionhistoryicon.png" /> <b>Version History</b> icon at the <b>Collaboration</b> tab of the top toolbar. You'll see the list of this document versions (major changes) and revisions (minor changes) with the indication of each version/revision author and creation date and time. For document versions, the version number is also specified (e.g. <em>ver. 2</em>). To know exactly which changes have been made in each separate version/revision, you can view the one you need by clicking it at the left sidebar. The changes made by the version/revision author are marked with the color which is displayed next to the author name on the left sidebar. You can use the <b>Restore</b> link below the selected version/revision to restore it. <!--To hide the list of the revisions within a certain version, use the <img alt="Collapse icon" src="../images/collapse.png" /> icon next to the version. To display revisions again, use the <img alt="Expand icon" src="../images/expand.png" /> icon.--> </p>
                     <p><img alt="Version History" src="../images/versionhistory.png" /></p>
                     <p>To return to the document current version, use the <b>Close History</b> option on the top of the version list.</p>
                 </div>