Merge branch 'feature/build_8.1' into feature/test-fixes-december-23

Web/OfficeWeb/apps/documenteditor/main/resources/help/en/HelpfulHints/Communicating.htm

@@ -18,18 +18,20 @@
         <p>The <a href="https://www.onlyoffice.com/en/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a> allows you to maintain a constant team-wide approach to work flow: <a href="https://helpcenter.onlyoffice.com/userguides/groups-guides-documents-share-documents.aspx" onclick="onhyperlinkclick(this)">share</a> files and folders, <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">collaborate</a> on documents in real time, <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">comment</a> certain parts of your documents that require additional third-party input, save <a href="../HelpfulHints/VersionHistory.htm" onclick="onhyperlinkclick(this)">document versions</a> for future use, <a href="../HelpfulHints/Review.htm" onclick="onhyperlinkclick(this)">review</a> documents and add your changes without actually editing the file, <a href="../HelpfulHints/Comparison.htm" onclick="onhyperlinkclick(this)">compare and merge</a> documents to facilitate processing and editing.</p>
         <p>In <b>Document Editor</b>, you can communicate with your co-editors in real time using the built-in <b>Chat</b> tool as well as a number of useful plugins, i.e., <a href="../UsageInstructions/CommunicationPlugins.htm" onclick="onhyperlinkclick(this)">Telegram or Rainbow</a>.</p>
         <p><img class="floatleft" alt="Chat window" src="../../../../../../common/main/resources/help/en/images/chat.png" /></p>
-        <p>To access the <b>Chat</b> tool and leave a message for other users,</p>
-        <ol>
-            <li>
-                click the <div class="icon icon-chaticon"></div> icon on the left sidebar, or <br />
-                switch to the <b>Collaboration</b> tab of the top toolbar and click the <div class="icon icon-chat_toptoolbar"></div> <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 class="note">The chat messages are stored during one session only. To discuss the document content, it is better to <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">use comments</a> which are stored until they are deleted.</p>
-        <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 - <span class="icon icon-chaticon_new"></span>.</p>
-        <p>To close the panel with chat messages, click the <span class="icon icon-chaticon"></span> icon on the left sidebar or the <span class="icon icon-chat_toptoolbar"></span> <b>Chat</b> button at the top toolbar once again.</p>
+        <div style="margin-left: 280px;">
+            <p>To access the <b>Chat</b> tool and leave a message for other users,</p>
+            <ol>
+                <li>
+                    click the <div class="icon icon-chaticon"></div> icon on the left sidebar, or <br />
+                    switch to the <b>Collaboration</b> tab of the top toolbar and click the <div class="icon icon-chat_toptoolbar"></div> <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 class="note">The chat messages are stored during one session only. To discuss the document content, it is better to <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">use comments</a> which are stored until they are deleted.</p>
+            <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 - <span class="icon icon-chaticon_new"></span>.</p>
+            <p>To close the panel with chat messages, click the <span class="icon icon-chaticon"></span> icon on the left sidebar or the <span class="icon icon-chat_toptoolbar"></span> <b>Chat</b> button at the top toolbar once again.</p>
+        </div>
     </div>
 </body>
 </html>

Web/OfficeWeb/apps/documenteditor/main/resources/help/en/HelpfulHints/Search.htm

@@ -23,7 +23,7 @@
 			<p><img alt="Find and Replace Window" src="../images/search_window.png" /></p>
 			<ol>
 				<li>Type in your inquiry into the corresponding <b>Find</b> data entry field.</li>
-				<li>If you need to <b>replace</b> one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently highlighted occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons. The <b>Replace</b> button can also be found on the <b>Home</b> tab.</li>
+				<li>If you need to replace one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently highlighted occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons. The <div class="icon icon-replace"></div> <b>Replace</b> button can also be found on the <b>Home</b> tab.</li>
 				<li>To navigate between the found occurrences, click one of the arrow buttons. The <div class="icon icon-searchdownbutton"></div> button shows the next occurrence, while the <div class="icon icon-searchupbutton"></div> button shows the previous one.</li>
 				<li>
 					Specify search parameters by checking the necessary options below the entry fields:

Web/OfficeWeb/apps/documenteditor/main/resources/help/en/HelpfulHints/SupportedFormats.htm

@@ -64,14 +64,6 @@
                     <td>+</td>
                     <td></td>
                 </tr>
-                <tr>
-                    <td>DOCXF</td>
-                    <td>A format to create, edit and collaborate on a fillable form.</td>
-                    <td>+</td>
-                    <td></td>
-                    <td>+</td>
-                    <td></td>
-                </tr>
                 <tr>
                     <td>DOTX</td>
                     <td>Word Open XML Document Template<br />Zipped, XML-based file format developed by Microsoft for text document templates. A DOTX template contains formatting settings, styles etc. and can be used to create multiple documents with the same formatting</td>

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

@@ -40,7 +40,7 @@
                     </ul>                    
                 </li>
                 <li>
-                    The <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/FormsTab.htm" onclick="onhyperlinkclick(this)">Forms</a> (available with DOCXF files only), <a href="../ProgramInterface/ReviewTab.htm" onclick="onhyperlinkclick(this)">Collaboration</a>, <a href="../ProgramInterface/ProtectionTab.htm" onclick="onhyperlinkclick(this)">Protection,</a> <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
+                    The <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/DrawTab.htm" onclick="onhyperlinkclick(this)">Draw</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/ProtectionTab.htm" onclick="onhyperlinkclick(this)">Protection,</a> <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
                     <p>The <span class="icon icon-copy"></span> <b>Copy</b>, <span class="icon icon-paste"></span> <b>Paste</b>, <span class="icon icon-cut"></span> <b>Cut</b> and <span class="icon icon-selectall"></span> <b>Select All</b> options are always available on the left side of the <b>Top toolbar</b> regardless of the selected tab.</p>
                 </li>
                 <li>The <b>Status bar</b> located at the bottom of the editor window indicates the page number and word count, as well as displays some notifications (for example, "All changes saved", ‘Connection is lost’ when there is no connection and the editor is trying to reconnect, etc.). It also allows <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">setting the text language, enabling spell checking</a>, turning on the <a href="../HelpfulHints/Review.htm" onclick="onhyperlinkclick(this)">track changes mode</a> and adjusting <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">zoom</a>.</li>

Web/OfficeWeb/apps/documenteditor/main/resources/help/en/UsageInstructions/CreateFillableForms.htm

@@ -17,12 +17,11 @@
 
         <h1>Create fillable forms</h1>
         <p>ONLYOFFICE Document Editor allows you to effortlessly create <b>fillable forms</b> in your documents, e.g. agreement drafts or surveys.</p>
-        <p>Save the resulting form as a <b>DOCXF</b> file, and you will have a form you can still edit, revise or collaborate on. To make a form fillable and to restrict file editing by other users, save it as a <b>PDF</b> file. Please refer to <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-PDF-Editor/UsageInstructions/FillingOutForm.aspx" target="_blank" onclick="onhyperlinkclick(this)">form filling instructions</a> for further details.</p>
-        <p class="note"><b>DOCXF</b> is a new <b>ONLYOFFICE</b> format that allows to create fillable forms. Use <b>ONLYOFFICE Document Editor</b> either online or desktop to make full use of form-associated elements and options.</p>
-        <p>You can also save any existing <b>DOCX</b> file as a <b>DOCXF</b> to use it as a form. Go to the <b>File</b> tab, click the <b>Download as...</b> or <b>Save as...</b> option on the left side menu and choose the <b>DOCXF</b> icon. Now you can use all the available form editing functions to create a form.</p>
-        <p>It is not only the form fields that you can edit in a <b>DOCXF</b> file, you can still add, edit and format text or use other <b>Document Editor</b> functions.</p>
+        <p>Save the resulting form as a <b>PDF</b> file, and you will have a form you can still edit, revise or collaborate on. To make a form fillable and to restrict file editing by other users, save it as a <b>PDF</b> file. Please refer to <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-PDF-Editor/UsageInstructions/FillingOutForm.aspx" target="_blank" onclick="onhyperlinkclick(this)">form filling instructions</a> for further details.</p>
+        <p>You can also save any existing <b>DOCX</b> file as a <b>PDF</b> to use it as a form. Go to the <b>File</b> tab, click the <b>Download as...</b> or <b>Save as...</b> option on the left side menu and choose the <b>PDF</b> icon. Now you can use all the available form editing functions to create a form.</p>
+        <p>It is not only the form fields that you can edit in a <b>PDF</b> file, you can still add, edit and format text or use other <b>Document Editor</b> functions.</p>
         <p>Creating fillable forms is enabled through user-editable objects that ensure overall consistency of the resulting documents and allow for advanced form interaction experience.</p>
-        <p>Currently, you can insert editable <em>plain text</em> fields, <em>combo boxes</em>, <em>dropdown lists</em>, <em>checkboxes</em>, <em>radio buttons</em>, assign designated areas for <em>images</em>, as well as create <em>email address</em>, <em>phone number</em>, <em>date and time</em>, <em>zip code</em>, <em>credit card</em> and <em>complex</em> fields. Access these features on the <b>Forms</b> tab that is available for <b>DOCXF</b> files only.</p>
+        <p>Currently, you can insert editable <em>plain text</em> fields, <em>combo boxes</em>, <em>dropdown lists</em>, <em>checkboxes</em>, <em>radio buttons</em>, assign designated areas for <em>images</em>, as well as create <em>email address</em>, <em>phone number</em>, <em>date and time</em>, <em>zip code</em>, <em>credit card</em> and <em>complex</em> fields. Access these features on the <b>Forms</b> tab that is available for <b>PDF</b> files only.</p>
         <div class="note">There are tips for each form field to facilitate creating a fillable form.</div>
 
         <h2 id="textfield">Creating a new Plain Text Field</h2>

Web/OfficeWeb/apps/documenteditor/main/resources/help/en/UsageInstructions/FontTypeSizeColor.htm

@@ -56,7 +56,7 @@
 				<tr>
 					<td id="colorscheme">Color Scheme</td>
 					<td><div class="icon icon-changecolorscheme"></div></td>
-					<td>This button is located on the <b>Layout</b> tab. Used to change the default color palette for document elements (font, background, chats and chart elements) selecting from the available options: <b>New Office</b>, <b>Office</b>, <b>Grayscale</b>, <b>Apex</b>, <b>Aspect</b>, <b>Civic</b>, <b>Concourse</b>, <b>Equity</b>, <b>Flow</b>, <b>Foundry</b>, <b>Median</b>, <b>Metro</b>, <b>Module</b>, <b>Odulent</b>, <b>Oriel</b>, <b>Origin</b>, <b>Paper</b>, <b>Solstice</b>, <b>Technic</b>, <b>Trek</b>, <b>Urban</b>, or <b>Verve</b>.</td>
+					<td>This button is located on the <b>Layout</b> tab. Used to change the default color palette for document elements (font, background, chats and chart elements) selecting from the available options: <b>Aspect</b>, <b>Blue Green</b>, <b>Blue II</b>, <b>Blue Warm</b>, <b>Blue</b>, <b>Grayscale</b>, <b>Green Yellow</b>, <b>Green</b>, <b>Marquee</b>, <b>Median</b>, <b>Office 2007-2010</b>, <b>Office 2013-2022</b>, <b>Office</b>, <b>Orange Red</b>, <b>Orange</b>, <b>Paper</b>, <b>Red Orange</b>, <b>Red Violet</b>, <b>Red</b>, <b>Slipstream</b>, <b>Violet II</b>, <b>Violet</b>, <b>Yellow Orange</b>, <b>Yellow</b>.</td>
 				</tr>
 			</table>
 			<p class="note">To learn more about color palettes, please refer to <a href="../UsageInstructions/ChangeColorScheme.htm" onclick="onhyperlinkclick(this)">this page</a>.</p>

Web/OfficeWeb/apps/documenteditor/main/resources/help/en/UsageInstructions/InsertAutoshapes.htm

@@ -205,7 +205,7 @@
 							<li><b>Color</b> - choose one of the available colors either on the <b>Theme colors</b> or the <b>Standard colors</b> palette; use the <b>Eyedropper</b> tool to copy color from other objects in the document; or click the <b>More colors</b> menu item to create a custom color.</li>
 							<li>
 								<b>Adjust Shadow</b> - create a custom shadow using the following sliders:
-								<p><img class="floatleft" alt="Adjust shadow" src="../../../../../../common/main/resources/help/en/images/adjust_shadow.png" /></p>
+								<p><img alt="Adjust shadow" src="../../../../../../common/main/resources/help/en/images/adjust_shadow.png" /></p>
 									<ul>
 										<li><b>Transparency</b> - adjust the transparency of the shadow.</li>
 										<li><b>Size</b> - adjust the size of the shadow.</li>

Web/OfficeWeb/apps/pdfeditor/main/resources/help/images/sprite.css

@@ -108,188 +108,188 @@
 	height: 17px;
 }
 
-.icon-chaticon_new {
-	background-position: -78px -76px;
-	width: 19px;
-	height: 17px;
-}
-
 .icon-editcommenticon {
-	background-position: -99px 0px;
+	background-position: -78px -76px;
 	width: 16px;
 	height: 16px;
 }
 
 .icon-handtool {
-	background-position: -99px -16px;
+	background-position: -84px -19px;
 	width: 13px;
 	height: 16px;
 }
 
 .icon-pagethumbnails {
-	background-position: -99px -32px;
+	background-position: -84px -35px;
 	width: 12px;
 	height: 16px;
 }
 
 .icon-selectiontool {
-	background-position: -99px -48px;
+	background-position: -84px -51px;
 	width: 10px;
 	height: 16px;
 }
 
 .icon-search_options {
-	background-position: 0px -94px;
+	background-position: -99px 0px;
 	width: 22px;
 	height: 15px;
 }
 
 .icon-chaticon {
-	background-position: -22px -94px;
+	background-position: -99px -15px;
 	width: 18px;
 	height: 15px;
 }
 
+.icon-chaticon_new {
+	background-position: -99px -30px;
+	width: 17px;
+	height: 15px;
+}
+
 .icon-print {
-	background-position: -40px -94px;
+	background-position: -99px -45px;
 	width: 17px;
 	height: 15px;
 }
 
 .icon-about {
-	background-position: -99px -64px;
+	background-position: -99px -60px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-fitpage {
-	background-position: -99px -79px;
+	background-position: -99px -75px;
 	width: 13px;
 	height: 15px;
 }
 
 .icon-pagenumber {
-	background-position: -115px 0px;
+	background-position: 0px -94px;
 	width: 65px;
 	height: 14px;
 }
 
 .icon-commentsicon {
-	background-position: -115px -14px;
+	background-position: -65px -94px;
 	width: 14px;
 	height: 14px;
 }
 
 .icon-save {
-	background-position: -129px -14px;
+	background-position: -79px -94px;
 	width: 14px;
 	height: 14px;
 }
 
 .icon-searchicon {
-	background-position: -143px -14px;
+	background-position: -93px -94px;
 	width: 14px;
 	height: 14px;
 }
 
 .icon-firstpage {
-	background-position: -157px -14px;
+	background-position: -107px -94px;
 	width: 11px;
 	height: 14px;
 }
 
 .icon-lastpage {
-	background-position: -168px -14px;
+	background-position: -121px 0px;
 	width: 11px;
 	height: 14px;
 }
 
 .icon-nextpage {
-	background-position: -115px -28px;
+	background-position: -121px -14px;
 	width: 9px;
 	height: 14px;
 }
 
 .icon-previouspage {
-	background-position: -124px -28px;
+	background-position: -121px -28px;
 	width: 9px;
 	height: 14px;
 }
 
 .icon-feedbackicon {
-	background-position: -133px -28px;
+	background-position: 0px -108px;
 	width: 15px;
 	height: 13px;
 }
 
 .icon-copy {
-	background-position: -148px -28px;
+	background-position: -15px -108px;
 	width: 14px;
 	height: 13px;
 }
 
 .icon-paste {
-	background-position: -162px -28px;
+	background-position: -29px -108px;
 	width: 14px;
 	height: 13px;
 }
 
 .icon-selectall {
-	background-position: -115px -42px;
+	background-position: -43px -108px;
 	width: 14px;
 	height: 13px;
 }
 
 .icon-zoomin {
-	background-position: -129px -42px;
+	background-position: -57px -108px;
 	width: 13px;
 	height: 13px;
 }
 
 .icon-deletecommenticon {
-	background-position: -142px -42px;
+	background-position: -121px -42px;
 	width: 11px;
 	height: 12px;
 }
 
 .icon-fitwidth {
-	background-position: -153px -42px;
+	background-position: -70px -108px;
 	width: 16px;
 	height: 11px;
 }
 
 .icon-resolvedicon {
-	background-position: -115px -55px;
+	background-position: -86px -108px;
 	width: 12px;
 	height: 11px;
 }
 
 .icon-resolveicon {
-	background-position: -127px -55px;
+	background-position: -98px -108px;
 	width: 12px;
 	height: 11px;
 }
 
 .icon-zoomout {
-	background-position: -169px -42px;
+	background-position: -121px -54px;
 	width: 10px;
 	height: 11px;
 }
 
 .icon-navigationicon {
-	background-position: -139px -55px;
+	background-position: -56px -44px;
 	width: 13px;
 	height: 10px;
 }
 
 .icon-searchdownbutton {
-	background-position: -152px -55px;
+	background-position: -84px -67px;
 	width: 14px;
 	height: 8px;
 }
 
 .icon-searchupbutton {
-	background-position: -166px -55px;
+	background-position: -69px -44px;
 	width: 14px;
 	height: 8px;
 }

Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/HelpfulHints/Search.htm

@@ -26,7 +26,7 @@
             <img alt="Find and Replace Window" src="../images/search_window.png" />
             <ol>
                 <li>Type in your inquiry into the corresponding <b>Find</b> data entry field.</li>
-                <li>If you need to replace one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently highlighted occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons. The <b>Replace</b> button can also be found on the <b>Home</b> tab.</li>
+                <li>If you need to replace one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently highlighted occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons. The <div class="icon icon-replace"></div> <b>Replace</b> button can also be found on the <b>Home</b> tab.</li>
                 <li>To navigate between the found occurrences, click one of the arrow buttons. The <div class="icon icon-searchdownbutton"></div> button shows the next occurrence while the <div class="icon icon-searchupbutton"></div> button shows the previous one.</li>
                 <li>
                     Specify search parameters by checking the necessary options below the entry fields:

Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/HelpfulHints/UsingChat.htm

@@ -18,15 +18,17 @@
 			<p>The <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> allows you to maintain constant team-wide approach to work flow: <a href="https://helpcenter.onlyoffice.com/userguides/groups-guides-documents-share-documents.aspx" onclick="onhyperlinkclick(this)">share</a> files and folders, <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">collaborate</a> on presentations in real time, <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">comment</a> certain parts of your presentations that require additional third-party input, save <a href="../HelpfulHints/VersionHistory.htm" onclick="onhyperlinkclick(this)">presentation versions</a> for future use.</p>
 			<p>In <b>Presentation Editor</b> you can communicate with your co-editors in real time using the built-in <b>Chat</b> tool as well as a number of useful plugins, i.e., <a href="../UsageInstructions/CommunicationPlugins.htm" onclick="onhyperlinkclick(this)">Telegram or Rainbow</a>.</p>
 			<p><img class="floatleft" alt="Chat window" src="../../../../../../common/main/resources/help/en/images/chat.png" /></p>
-			<p>To access the <b>Chat</b> tool and leave a message for other users,</p>
-			<ol>
-				<li>click the <div class="icon icon-chaticon"></div> icon at the left sidebar,</li>
-				<li>enter your text into the corresponding field below,</li>
-				<li>press the <b>Send</b> button.</li>
-			</ol>
-			<p class="note">The chat messages are stored during one session only. To discuss the presentation content, it is better to use <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">comments</a> which are stored until they are deleted.</p>
-			<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 - <span class="icon icon-chaticon_new"></span>.</p>
-			<p>To close the panel with chat messages, click the <span class="icon icon-chaticon"></span> icon once again.</p>
+			<div style="margin-left: 280px;">
+				<p>To access the <b>Chat</b> tool and leave a message for other users,</p>
+				<ol>
+					<li>click the <div class="icon icon-chaticon"></div> icon at the left sidebar,</li>
+					<li>enter your text into the corresponding field below,</li>
+					<li>press the <b>Send</b> button.</li>
+				</ol>
+				<p class="note">The chat messages are stored during one session only. To discuss the presentation content, it is better to use <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">comments</a> which are stored until they are deleted.</p>
+				<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 - <span class="icon icon-chaticon_new"></span>.</p>
+				<p>To close the panel with chat messages, click the <span class="icon icon-chaticon"></span> icon once again.</p>
+			</div>
 		</div>
 	</body>
 </html>

Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/ProgramInterface/ProgramInterface.htm

@@ -39,7 +39,7 @@
                     </ul>
                 </li>
                 <li>
-                    The <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/TransitionsTab.htm" onclick="onhyperlinkclick(this)">Transitions</a>, <a href="../ProgramInterface/AnimationTab.htm" onclick="onhyperlinkclick(this)">Animation</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)">Collaboration</a>, <span class="desktopDocumentFeatures">Protection,</span> <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
+                    The <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/DrawTab.htm" onclick="onhyperlinkclick(this)">Draw</a>, <a href="../ProgramInterface/TransitionsTab.htm" onclick="onhyperlinkclick(this)">Transitions</a>, <a href="../ProgramInterface/AnimationTab.htm" onclick="onhyperlinkclick(this)">Animation</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)">Collaboration</a>, <span class="desktopDocumentFeatures">Protection,</span> <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
                     <p>The <span class="icon icon-copy"></span> <b>Copy</b>, <span class="icon icon-paste"></span> <b>Paste</b>, <span class="icon icon-cut"></span> <b>Cut</b> and <span class="icon icon-selectall"></span> <b>Select All</b> options are always available on the left side of the <b>Top toolbar</b> regardless of the selected tab.</p>
                 </li>
                 <li>The <b>Status bar</b> at the bottom of the editor window contains the <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">Start slideshow</a> icon, some <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">navigation tools</a>: slide number indicator and zoom buttons. The <b>Status bar</b> also displays some notifications (such as "All changes saved", ‘Connection is lost’ when there is no connection and the editor is trying to reconnect etc.) and allows <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">setting the text language and enable spell checking</a>.</li>

Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/UsageInstructions/AddingAnimations.htm

@@ -93,12 +93,20 @@
             <p><img alt="animation pane" src="../images/animation_pane.png" /></p>
             <p>The <b>Animation pane</b> displays set animations and allows for easier animation management.</p>
             <ol>
-                <li><b>Play All</b> - click this button to play all currently created animations.</li>
+                <li>
+                    <ul>
+                        <li><b>Play All</b> - click this button to play all currently created animations.</li>
+                        <li><b>Play Selected</b> - click this button to play all currently selected animations. During the playback, only selected animations are displayed in the list.</li>
+                        <li><b>Play From</b> - click this button to play animations starting with the selected one and going down the list. During the playback, only selected animations are displayed in the list.</li>
+                        <li><b>Stop</b> - click this button to stop animation playback.</li>
+                    </ul>
+                </li>
                 <li>Use the <div class="icon icon-searchupbutton"></div> and <div class="icon icon-searchdownbutton"></div> buttons to change the order of objects' animations on the slide.</li>
                 <li>To set the <b>Start</b> point, click an animation with the right mouse button or click the <b>More</b> button to the right of the animation.</li>
                 <li>The timeline of the slide is displayed below the animation pane.</li>
                 <li>To change the <b>duration</b> of an animation, click and drag its ending point on the pane to the desired time point.</li>
                 <li>To move an animation along the timeline, click right on its diagramm representation on the pane and drag it to the desired time point.</li>
+                <li>Use the <b>Zoom</b> interface buttons to zoom in and out of the timeline.</li>
             </ol>
         </div>
 		</body>

Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertAutoshapes.htm

@@ -141,7 +141,7 @@
                         <li><b>Color</b> - choose one of the available colors either on the <b>Theme colors</b> or the <b>Standard colors</b> palette; use the <b>Eyedropper</b> tool to copy color from other objects in the document; or click the <b>More colors</b> menu item to create a custom color.</li>
                         <li>
                             <b>Adjust Shadow</b> - create a custom shadow using the following sliders:
-                            <p><img class="floatleft" alt="Adjust shadow" src="../../../../../../common/main/resources/help/en/images/adjust_shadow.png" /></p>
+                            <p><img alt="Adjust shadow" src="../../../../../../common/main/resources/help/en/images/adjust_shadow.png" /></p>
                             <ul>
                                 <li><b>Transparency</b> - adjust the transparency of the shadow.</li>
                                 <li><b>Size</b> - adjust the size of the shadow.</li>

Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/UsageInstructions/SetSlideParameters.htm

@@ -44,7 +44,7 @@
                 <li>
                     <b>To change background fill:</b>
                     <p><img class="floatleft" alt="Slide background settings" src="../images/slidebackground.png" /></p>
-                    <ol>
+                    <ol style="margin-left: 280px;">
                         <li>in the slide list on the left, select the slides you want to apply the fill to. Or click at any blank space within the currently edited slide in the slide editing area to change the fill type for this separate slide.</li>
                         <li>
                             on the <b>Slide settings</b> tab of the right sidebar, select the necessary option:

Web/OfficeWeb/apps/presentationeditor/main/resources/help/images/sprite.css

@@ -170,8 +170,8 @@
 
 .big-leftpart {
 	background-position: -599px -564px;
-	width: 140px;
-	height: 19px;
+	width: 176px;
+	height: 17px;
 }
 
 .icon{
@@ -546,12 +546,6 @@
 	height: 17px;
 }
 
-.icon-chaticon_new {
-	background-position: -58px -175px;
-	width: 19px;
-	height: 17px;
-}
-
 .icon-paste_style {
 	background-position: -149px -134px;
 	width: 16px;
@@ -565,25 +559,25 @@
 }
 
 .icon-removegradientpoint {
-	background-position: -77px -175px;
+	background-position: -58px -175px;
 	width: 12px;
 	height: 17px;
 }
 
 .icon-placeholder_table {
-	background-position: -89px -175px;
+	background-position: -70px -175px;
 	width: 22px;
 	height: 16px;
 }
 
 .icon-editcommenticon {
-	background-position: -111px -175px;
+	background-position: -92px -175px;
 	width: 16px;
 	height: 16px;
 }
 
 .icon-favorites_icon {
-	background-position: -127px -175px;
+	background-position: -108px -175px;
 	width: 16px;
 	height: 16px;
 }
@@ -595,19 +589,25 @@
 }
 
 .icon-chaticon {
-	background-position: -143px -175px;
+	background-position: -124px -175px;
 	width: 18px;
 	height: 15px;
 }
 
+.icon-chaticon_new {
+	background-position: -142px -175px;
+	width: 17px;
+	height: 15px;
+}
+
 .icon-saveupdate {
-	background-position: -161px -175px;
+	background-position: -159px -175px;
 	width: 17px;
 	height: 15px;
 }
 
 .icon-added_comment_icon {
-	background-position: -178px -175px;
+	background-position: -176px -175px;
 	width: 16px;
 	height: 15px;
 }
@@ -619,109 +619,109 @@
 }
 
 .icon-about {
-	background-position: -16px -192px;
+	background-position: -192px -175px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-abouticon {
-	background-position: -31px -192px;
+	background-position: -16px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-advanced_settings_icon {
-	background-position: -46px -192px;
+	background-position: -31px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-document_language {
-	background-position: -61px -192px;
+	background-position: -46px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-group {
-	background-position: -76px -192px;
+	background-position: -61px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-pagesize {
-	background-position: -91px -192px;
+	background-position: -76px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-save {
-	background-position: -106px -192px;
+	background-position: -91px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-savewhilecoediting {
-	background-position: -121px -192px;
+	background-position: -106px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-search_options {
-	background-position: -136px -192px;
+	background-position: -121px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-tabstopcenter {
-	background-position: -151px -192px;
+	background-position: -136px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-tabstopleft {
-	background-position: -166px -192px;
+	background-position: -151px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-tabstopright {
-	background-position: -181px -192px;
+	background-position: -166px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-ungroup {
-	background-position: -207px 0px;
+	background-position: -181px -192px;
 	width: 15px;
 	height: 15px;
 }
 
 .icon-feedback {
-	background-position: -207px -15px;
+	background-position: -207px 0px;
 	width: 14px;
 	height: 15px;
 }
 
 .icon-fitpage {
-	background-position: -207px -30px;
+	background-position: -207px -15px;
 	width: 14px;
 	height: 15px;
 }
 
 .icon-flipupsidedown {
-	background-position: -207px -45px;
+	background-position: -207px -30px;
 	width: 14px;
 	height: 15px;
 }
 
 .icon-file {
-	background-position: -207px -60px;
+	background-position: -207px -45px;
 	width: 13px;
 	height: 15px;
 }
 
 .icon-back {
-	background-position: -207px -75px;
+	background-position: -207px -60px;
 	width: 12px;
 	height: 15px;
 }
@@ -745,373 +745,379 @@
 }
 
 .icon-columnwidthmarker {
-	background-position: -207px -90px;
+	background-position: -69px -207px;
 	width: 15px;
 	height: 14px;
 }
 
 .icon-fliplefttoright {
-	background-position: -207px -104px;
+	background-position: -84px -207px;
 	width: 15px;
 	height: 14px;
 }
 
 .icon-autoshape {
-	background-position: -207px -118px;
+	background-position: -207px -75px;
 	width: 14px;
 	height: 14px;
 }
 
 .icon-commentsicon {
-	background-position: -207px -132px;
+	background-position: -207px -89px;
 	width: 14px;
 	height: 14px;
 }
 
 .icon-deleteicon {
-	background-position: -207px -146px;
+	background-position: -207px -103px;
 	width: 14px;
 	height: 14px;
 }
 
 .icon-searchicon {
-	background-position: -207px -160px;
+	background-position: -207px -117px;
 	width: 14px;
 	height: 14px;
 }
 
 .icon-search_icon_header {
-	background-position: -207px -174px;
+	background-position: -207px -131px;
 	width: 14px;
 	height: 14px;
 }
 
 .icon-gradientslider {
-	background-position: -207px -188px;
+	background-position: -207px -145px;
 	width: 13px;
 	height: 14px;
 }
 
 .icon-highlight_color_mouse_pointer {
-	background-position: -194px -175px;
+	background-position: -207px -159px;
 	width: 13px;
 	height: 14px;
 }
 
 .icon-textart_settings_icon {
-	background-position: -69px -207px;
+	background-position: -207px -173px;
 	width: 12px;
 	height: 14px;
 }
 
 .icon-hard {
-	background-position: -110px -37px;
+	background-position: -207px -187px;
 	width: 9px;
 	height: 14px;
 }
 
 .icon-highlightcolor {
-	background-position: -81px -207px;
+	background-position: -99px -207px;
 	width: 27px;
 	height: 13px;
 }
 
 .icon-outline {
-	background-position: -108px -207px;
+	background-position: -126px -207px;
 	width: 25px;
 	height: 13px;
 }
 
 .icon-alignshape {
-	background-position: -133px -207px;
+	background-position: -151px -207px;
 	width: 21px;
 	height: 13px;
 }
 
 .icon-arrangeshape {
-	background-position: -154px -207px;
+	background-position: -172px -207px;
 	width: 21px;
 	height: 13px;
 }
 
 .icon-changelayout {
-	background-position: -175px -207px;
+	background-position: -193px -207px;
 	width: 21px;
 	height: 13px;
 }
 
 .icon-table {
-	background-position: -196px -207px;
+	background-position: -221px 0px;
 	width: 21px;
 	height: 13px;
 }
 
 .icon-verticalalign {
-	background-position: -222px 0px;
+	background-position: -221px -13px;
 	width: 21px;
 	height: 13px;
 }
 
 .icon-visible_area {
-	background-position: -222px -13px;
+	background-position: -221px -26px;
 	width: 20px;
 	height: 13px;
 }
 
 .icon-orientation {
-	background-position: -222px -26px;
+	background-position: -221px -39px;
 	width: 17px;
 	height: 13px;
 }
 
 .icon-cut {
-	background-position: -222px -39px;
+	background-position: -221px -52px;
 	width: 16px;
 	height: 13px;
 }
 
 .icon-gotodocuments {
-	background-position: -222px -52px;
+	background-position: -221px -65px;
 	width: 16px;
 	height: 13px;
 }
 
 .icon-print {
-	background-position: -222px -65px;
+	background-position: -221px -78px;
 	width: 16px;
 	height: 13px;
 }
 
 .icon-changerange {
-	background-position: -222px -78px;
+	background-position: -221px -91px;
 	width: 15px;
 	height: 13px;
 }
 
 .icon-feedbackicon {
-	background-position: -222px -91px;
+	background-position: -221px -104px;
 	width: 15px;
 	height: 13px;
 }
 
 .icon-fitslide {
-	background-position: -222px -104px;
+	background-position: -221px -117px;
 	width: 15px;
 	height: 13px;
 }
 
 .icon-greencircle {
-	background-position: -222px -117px;
+	background-position: -221px -130px;
+	width: 15px;
+	height: 13px;
+}
+
+.icon-replace {
+	background-position: -221px -143px;
 	width: 15px;
 	height: 13px;
 }
 
 .icon-clearstyle {
-	background-position: -222px -130px;
+	background-position: -221px -156px;
 	width: 14px;
 	height: 13px;
 }
 
 .icon-copy {
-	background-position: -222px -143px;
+	background-position: -221px -169px;
 	width: 14px;
 	height: 13px;
 }
 
 .icon-paste {
-	background-position: -222px -156px;
+	background-position: -221px -182px;
 	width: 14px;
 	height: 13px;
 }
 
 .icon-selectall {
-	background-position: -222px -169px;
+	background-position: -221px -195px;
 	width: 14px;
 	height: 13px;
 }
 
 .icon-alignbottom {
-	background-position: -222px -182px;
+	background-position: -221px -208px;
 	width: 13px;
 	height: 13px;
 }
 
 .icon-alignmiddle {
-	background-position: -222px -195px;
-	width: 13px;
-	height: 13px;
-}
-
-.icon-alignobjectbottom {
-	background-position: -222px -208px;
-	width: 13px;
-	height: 13px;
-}
-
-.icon-alignobjectcenter {
 	background-position: 0px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-alignobjectleft {
+.icon-alignobjectbottom {
 	background-position: -13px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-alignobjectmiddle {
+.icon-alignobjectcenter {
 	background-position: -26px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-alignobjectright {
+.icon-alignobjectleft {
 	background-position: -39px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-alignobjecttop {
+.icon-alignobjectmiddle {
 	background-position: -52px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-aligntop {
+.icon-alignobjectright {
 	background-position: -65px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-bringforward {
+.icon-alignobjecttop {
 	background-position: -78px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-bringtofront {
+.icon-aligntop {
 	background-position: -91px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-chart_settings_icon {
+.icon-bringforward {
 	background-position: -104px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-copystyle {
+.icon-bringtofront {
 	background-position: -117px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-distributehorizontally {
+.icon-chart_settings_icon {
 	background-position: -130px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-distributevertically {
+.icon-copystyle {
 	background-position: -143px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-exitfullscreen {
+.icon-distributehorizontally {
 	background-position: -156px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-fullscreen {
+.icon-distributevertically {
 	background-position: -169px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-image_settings_icon {
+.icon-exitfullscreen {
 	background-position: -182px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-nextpage {
+.icon-fullscreen {
 	background-position: -195px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-previouspage {
+.icon-image_settings_icon {
 	background-position: -208px -221px;
 	width: 13px;
 	height: 13px;
 }
 
-.icon-sendbackward {
+.icon-nextpage {
 	background-position: -221px -221px;
 	width: 13px;
 	height: 13px;
 }
 
+.icon-previouspage {
+	background-position: -242px 0px;
+	width: 13px;
+	height: 13px;
+}
+
+.icon-sendbackward {
+	background-position: -242px -13px;
+	width: 13px;
+	height: 13px;
+}
+
 .icon-sendtoback {
-	background-position: -243px 0px;
+	background-position: -242px -26px;
 	width: 13px;
 	height: 13px;
 }
 
 .icon-shape_settings_icon {
-	background-position: -243px -13px;
+	background-position: -242px -39px;
 	width: 13px;
 	height: 13px;
 }
 
 .icon-slide_settings_icon {
-	background-position: -243px -26px;
+	background-position: -242px -52px;
 	width: 13px;
 	height: 13px;
 }
 
 .icon-startpreview {
-	background-position: -243px -39px;
+	background-position: -242px -65px;
 	width: 13px;
 	height: 13px;
 }
 
 .icon-text_settings_icon {
-	background-position: -243px -52px;
+	background-position: -242px -78px;
 	width: 13px;
 	height: 13px;
 }
 
 .icon-zoomin {
-	background-position: -243px -65px;
+	background-position: -242px -91px;
 	width: 13px;
 	height: 13px;
 }
 
 .icon-aligncenter {
-	background-position: -243px -78px;
+	background-position: -242px -104px;
 	width: 12px;
 	height: 13px;
 }
 
 .icon-alignleft {
-	background-position: -243px -91px;
+	background-position: -242px -117px;
 	width: 12px;
 	height: 13px;
 }
 
 .icon-alignright {
-	background-position: -243px -104px;
+	background-position: -242px -130px;
 	width: 12px;
 	height: 13px;
 }
 
 .icon-justify {
-	background-position: -243px -117px;
+	background-position: -242px -143px;
 	width: 12px;
 	height: 13px;
 }
@@ -1129,49 +1135,49 @@
 }
 
 .icon-rotateclockwise {
-	background-position: -243px -130px;
+	background-position: -242px -156px;
 	width: 13px;
 	height: 12px;
 }
 
 .icon-rotatecounterclockwise {
-	background-position: -243px -142px;
+	background-position: -242px -168px;
 	width: 13px;
 	height: 12px;
 }
 
 .icon-circle {
-	background-position: -243px -154px;
+	background-position: -242px -180px;
 	width: 12px;
 	height: 12px;
 }
 
 .icon-nofill {
-	background-position: -243px -166px;
+	background-position: -242px -192px;
 	width: 12px;
 	height: 12px;
 }
 
 .icon-sup {
-	background-position: -243px -178px;
+	background-position: -242px -204px;
 	width: 12px;
 	height: 12px;
 }
 
 .icon-deletecommenticon {
-	background-position: -243px -190px;
+	background-position: -242px -216px;
 	width: 11px;
 	height: 12px;
 }
 
 .icon-presenter_startpresentation {
-	background-position: -243px -202px;
+	background-position: -110px -37px;
 	width: 9px;
 	height: 12px;
 }
 
 .icon-startpresentation {
-	background-position: -243px -214px;
+	background-position: -110px -49px;
 	width: 9px;
 	height: 12px;
 }
@@ -1261,25 +1267,25 @@
 }
 
 .icon-resolveicon {
-	background-position: -256px 0px;
+	background-position: -255px 0px;
 	width: 12px;
 	height: 11px;
 }
 
 .icon-closepreview {
-	background-position: -256px -11px;
+	background-position: -255px -11px;
 	width: 11px;
 	height: 11px;
 }
 
 .icon-underline {
-	background-position: -256px -22px;
+	background-position: -255px -22px;
 	width: 10px;
 	height: 11px;
 }
 
 .icon-zoomout {
-	background-position: -256px -33px;
+	background-position: -255px -33px;
 	width: 10px;
 	height: 11px;
 }
@@ -1291,73 +1297,73 @@
 }
 
 .icon-nextslide {
-	background-position: -256px -44px;
+	background-position: -255px -44px;
 	width: 12px;
 	height: 10px;
 }
 
 .icon-presenter_nextslide {
-	background-position: -256px -54px;
+	background-position: -255px -54px;
 	width: 12px;
 	height: 10px;
 }
 
 .icon-presenter_previousslide {
-	background-position: -256px -64px;
+	background-position: -255px -64px;
 	width: 12px;
 	height: 10px;
 }
 
 .icon-previousslide {
-	background-position: -256px -74px;
+	background-position: -255px -74px;
 	width: 12px;
 	height: 10px;
 }
 
 .icon-strike {
-	background-position: -256px -84px;
+	background-position: -255px -84px;
 	width: 12px;
 	height: 10px;
 }
 
 .icon-yellowdiamond {
-	background-position: -256px -94px;
+	background-position: -255px -94px;
 	width: 11px;
 	height: 10px;
 }
 
 .icon-firstline_indent {
-	background-position: -256px -104px;
+	background-position: -255px -104px;
 	width: 10px;
 	height: 10px;
 }
 
 .icon-pointer {
-	background-position: -256px -114px;
+	background-position: -255px -114px;
 	width: 10px;
 	height: 10px;
 }
 
 .icon-bold {
-	background-position: -256px -124px;
+	background-position: -255px -124px;
 	width: 8px;
 	height: 10px;
 }
 
 .icon-pausepresentation {
-	background-position: -256px -134px;
+	background-position: -255px -134px;
 	width: 8px;
 	height: 10px;
 }
 
 .icon-presenter_pausepresentation {
-	background-position: -256px -144px;
+	background-position: -255px -144px;
 	width: 8px;
 	height: 10px;
 }
 
 .icon-italic {
-	background-position: -256px -154px;
+	background-position: -255px -154px;
 	width: 7px;
 	height: 10px;
 }
@@ -1375,13 +1381,13 @@
 }
 
 .icon-cellrow {
-	background-position: -256px -164px;
+	background-position: -255px -164px;
 	width: 9px;
 	height: 9px;
 }
 
 .icon-resize_square {
-	background-position: -256px -173px;
+	background-position: -255px -173px;
 	width: 9px;
 	height: 9px;
 }
@@ -1399,91 +1405,91 @@
 }
 
 .icon-constantproportions {
-	background-position: -243px -226px;
-	width: 13px;
-	height: 8px;
-}
-
-.icon-rowheightmarker {
 	background-position: -75px -246px;
 	width: 13px;
 	height: 8px;
 }
 
+.icon-rowheightmarker {
+	background-position: -88px -246px;
+	width: 13px;
+	height: 8px;
+}
+
 .icon-tabstopcenter_marker {
-	background-position: -256px -182px;
+	background-position: -255px -182px;
 	width: 12px;
 	height: 8px;
 }
 
 .icon-hanging {
-	background-position: -256px -190px;
+	background-position: -255px -190px;
 	width: 10px;
 	height: 8px;
 }
 
 .icon-right_indent {
-	background-position: -256px -198px;
+	background-position: -255px -198px;
 	width: 10px;
 	height: 8px;
 }
 
 .icon-soft {
-	background-position: -256px -206px;
+	background-position: -255px -206px;
 	width: 10px;
 	height: 8px;
 }
 
 .icon-tabstopleft_marker {
-	background-position: -256px -214px;
+	background-position: -255px -214px;
 	width: 8px;
 	height: 8px;
 }
 
 .icon-tabstopright_marker {
-	background-position: -256px -222px;
+	background-position: -255px -222px;
 	width: 8px;
 	height: 8px;
 }
 
 .icon-redo1 {
-	background-position: -88px -246px;
+	background-position: -242px -228px;
 	width: 13px;
 	height: 6px;
 }
 
 .icon-undo1 {
-	background-position: -101px -246px;
+	background-position: -207px -201px;
 	width: 13px;
 	height: 6px;
 }
 
 .icon-leftindent {
-	background-position: -256px -230px;
+	background-position: -255px -230px;
 	width: 10px;
 	height: 6px;
 }
 
 .icon-tab {
-	background-position: -256px -236px;
+	background-position: -255px -236px;
 	width: 10px;
 	height: 5px;
 }
 
 .icon-connectionpoint {
-	background-position: -263px -154px;
+	background-position: -262px -154px;
 	width: 5px;
 	height: 5px;
 }
 
 .icon-square {
-	background-position: -263px -159px;
+	background-position: -262px -159px;
 	width: 5px;
 	height: 5px;
 }
 
 .icon-space {
-	background-position: -266px -22px;
+	background-position: -265px -22px;
 	width: 2px;
 	height: 3px;
 }

Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/HelpfulHints/Communicating.htm

@@ -18,15 +18,17 @@
             <p>The <a target="_blank" href="https://www.onlyoffice.com/spreadsheet-editor.aspx" onclick="onhyperlinkclick(this)"><b>Spreadsheet Editor</b></a> allows you to maintain constant team-wide approach to work flow: <a href="https://helpcenter.onlyoffice.com/userguides/groups-guides-documents-share-documents.aspx" onclick="onhyperlinkclick(this)">share</a> files and folders, <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">collaborate</a> on spreadsheets in real time, <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">comment</a> certain parts of your spreadsheets that require additional third-party input, save <a href="../HelpfulHints/VersionHistory.htm" onclick="onhyperlinkclick(this)">spreadsheet versions</a> for future use.</p>
             <p>In <b>Spreadsheet Editor</b> you can communicate with your co-editors in real time using the built-in <b>Chat</b> tool as well as a number of useful plugins, i.e., <a href="../UsageInstructions/CommunicationPlugins.htm" onclick="onhyperlinkclick(this)">Telegram or Rainbow</a>.</p>
             <p><img class="floatleft" alt="Chat window" src="../../../../../../common/main/resources/help/en/images/chat.png" /></p>
-            <p>To access the <b>Chat</b> tool and leave a message for other users,</p>
-            <ol>
-                <li>click the <div class="icon icon-chaticon"></div> icon at the left sidebar,</li>
-                <li>enter your text into the corresponding field below,</li>
-                <li>press the <b>Send</b> button.</li>
-            </ol>
-            <p class="note">The chat messages are stored during one session only. To discuss the spreadsheet content, it is better to use <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">comments</a> which are stored until they are deleted.</p>
-            <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 - <span class="icon icon-chaticon_new"></span>.</p>
-            <p>To close the panel with chat messages, click the <span class="icon icon-chaticon"></span> icon once again.</p>
+            <div style="margin-left: 280px;">
+                <p>To access the <b>Chat</b> tool and leave a message for other users,</p>
+                <ol>
+                    <li>click the <div class="icon icon-chaticon"></div> icon at the left sidebar,</li>
+                    <li>enter your text into the corresponding field below,</li>
+                    <li>press the <b>Send</b> button.</li>
+                </ol>
+                <p class="note">The chat messages are stored during one session only. To discuss the spreadsheet content, it is better to use <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">comments</a> which are stored until they are deleted.</p>
+                <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 - <span class="icon icon-chaticon_new"></span>.</p>
+                <p>To close the panel with chat messages, click the <span class="icon icon-chaticon"></span> icon once again.</p>
+            </div>
         </div>
 	</body>
 </html>

Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/HelpfulHints/Search.htm

@@ -24,7 +24,7 @@
 			<ol>
 				<li>Type in your inquiry into the corresponding <b>Find</b> data entry field.</li>
 				<li>To navigate between the found occurrences, click one of the arrow buttons. The <div class="icon icon-searchdownbutton"></div> button shows the next occurrence while the <div class="icon icon-searchupbutton"></div> button shows the previous one.</li>
-				<li>If you need to replace one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently selected occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons. The <b>Replace</b> button can also be found on the <b>Home</b> tab.</li>
+				<li>If you need to replace one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently selected occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons. The <div class="icon icon-replace"></div> <b>Replace</b> button can also be found on the <b>Home</b> tab.</li>
 				<li>
 					Specify search options by checking the necessary options:
 					<ul>

Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/HelpfulHints/VersionHistory.htm

@@ -30,7 +30,7 @@
         </ul>
         <p>You'll see the list of the spreadsheet versions and revisions with the indication of each version/revision author and creation date and time. For spreadsheet versions, the version number is also specified (e.g., <em>ver. 2</em>).</p>
         <p><b>Viewing versions:</b></p>
-        <p>To know exactly which changes have been made in each separate version/revision, you can view the one you need by clicking it on the left sidebar. The changes made by the version/revision author are highlighted with light blue color.</p>
+        <p>To know exactly which changes have been made in each separate version/revision, you can view the one you need by clicking it on the left sidebar. The changes made by the version/revision author are highlighted with the same color as their avatar in the viewing version history window.</p>
         <p>To <b>return</b> to the current version of the spreadsheet, use the <b>Close History</b> option on the top of the version list.</p>
         <p><b>Restoring versions:</b></p>
         <p>If you need to roll back to one of the previous versions of the spreadsheet, click the <b>Restore</b> link below the selected version/revision.</p>

Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/UsageInstructions/InsertAutoshapes.htm

@@ -201,7 +201,7 @@
 						<li><b>Color</b> - choose one of the available colors either on the <b>Theme colors</b> or the <b>Standard colors</b> palette; use the <b>Eyedropper</b> tool to copy color from other objects in the document; or click the <b>More colors</b> menu item to create a custom color.</li>
 						<li>
 							<b>Adjust Shadow</b> - create a custom shadow using the following sliders:
-							<p><img class="floatleft" alt="Adjust shadow" src="../../../../../../common/main/resources/help/en/images/adjust_shadow.png" /></p>
+							<p><img alt="Adjust shadow" src="../../../../../../common/main/resources/help/en/images/adjust_shadow.png" /></p>
 							<ul>
 								<li><b>Transparency</b> - adjust the transparency of the shadow.</li>
 								<li><b>Size</b> - adjust the size of the shadow.</li>