web-apps/apps/documenteditor/main/resources/help/en/HelpfulHints/Navigation.htm

<!DOCTYPE html>
<html>
	<head>
		<title>View Settings and Navigation Tools</title>
		<meta charset="utf-8" />
		<meta name="description" content="The description of view settings and navigation tools such as zoom, previous/next page buttons" />
		<link type="text/css" rel="stylesheet" href="../editor.css" />
        <script type="text/javascript" src="../callback.js"></script>
        <script type="text/javascript" src="../search/js/page-search.js"></script>
	</head>
	<body>
		<div class="mainpart">
        <div class="search-field">
            <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
        </div>
		<h1>View Settings and Navigation Tools</h1>
			<p>The <a href="https://www.onlyoffice.com/en/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a> offers several tools to help you view and navigate through your document: zoom, page number indicator etc.</p>
			<h3>Adjust the View Settings</h3>
			<p>To adjust default view settings and set the most convenient mode to work with the document, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon on the right side of the editor header and select which interface elements you want to be hidden or shown.
			You can select the following options from the <b>View settings</b> drop-down list:
			</p>
			<ul>
				<li>
					<b>Hide Toolbar</b> -  hides the top toolbar that contains commands while tabs remain visible. When this option is enabled, you can click any tab to display the toolbar. The toolbar is displayed until you click anywhere outside it.<br />To disable this mode, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon and click the <b>Hide Toolbar</b> option once again. The top toolbar will be displayed all the time.
					<p class="note"><b>Note</b>: alternatively, you can just double-click any tab to hide the top toolbar or display it again.</p>
				</li>
				<li><b>Hide Status Bar</b> - hides the bottommost bar where the <b>Page Number Indicator</b> and <b>Zoom</b> buttons are situated. To show the hidden <b>Status Bar</b> click this option once again.</li>
				<li><b>Hide Rulers</b> - hides rulers which are used to align text, graphics, tables, and other elements in a document, set up margins, tab stops, and paragraph indents. To show the hidden <b>Rulers</b> click this option once again.</li>
				<li>
					<b>Dark mode</b> – enables or disables the dark mode if you have chosen the <b>Dark interface theme</b>. You can also turn on the dark mode using the <b>Advanced Settings</b> from the <b>File</b> tab menu.
					<p><img alt="Dark Mode" src="../images/viewsettings_darkmode.png" /></p>
				</li>
				</ul>
			<p>The right sidebar is minimized by default. To expand it, select any object (e.g. image, chart, shape) or text passage and click the icon of the currently activated tab on the right. To minimize the right sidebar, click the icon once again.</p>
			<p>
				When the <b>Comments</b> <span class="onlineDocumentFeatures">or <b>Chat</b></span> panel is opened, the width of the left sidebar is adjusted by simple drag-and-drop:
				move the mouse cursor over the left sidebar border so that it turns into the bidirectional arrow and drag the border to the right to extend the width of the sidebar. To restore its original width, move the border to the left.
			</p>
			<h3>Use the Navigation Tools</h3>
			<p>To navigate through your document, use the following tools:</p>
			<p>
				The <b>Zoom</b> buttons are situated in the right lower corner and are used to zoom in and out the current document.
				To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list (50% / 75% / 100% / 125% / 150% / 175% / 200% / 300% / 400% / 500%)
				or use the <b>Zoom in</b> <img alt="Zoom in button" src="../images/zoomin.png" /> or <b>Zoom out</b> <img alt="Zoom out button" src="../images/zoomout.png" /> buttons.
				Click the <b>Fit to width</b> <img alt="Fit to width button" src="../images/fitwidth.png" /> icon to fit the document page width to the visible part of the working area.
				To fit the whole document page to the visible part of the working area, click the <b>Fit to page</b> <img alt="Fit to page button" src="../images/fitpage.png" /> icon.
				Zoom settings are also available in the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> drop-down list that can be useful if you decide to hide the <b>Status Bar</b>.
			</p>
			<p>The <b>Page Number Indicator</b> shows the current page as a part of all the pages in the current document (page 'n' of 'nn'). 
			Click this caption to open the window where you can enter the page number and quickly go to it.</p>
		</div>
	</body>
</html>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+								<!DOCTYPE html>
 								<html>
 									<head>
 										<title>View Settings and Navigation Tools</title>
 										<meta charset="utf-8" />
 										<meta name="description" content="The description of view settings and navigation tools such as zoom, previous/next page buttons" />
 										<link type="text/css" rel="stylesheet" href="../editor.css" />
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+								        <script type="text/javascript" src="../callback.js"></script>
 								        <script type="text/javascript" src="../search/js/page-search.js"></script>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+									</head>
 									<body>
 										<div class="mainpart">
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+								        <div class="search-field">
-												[DE][PE][SSE] replaced type="search" with type="text" for all the pages of documentation (Chrome search field cross bug)

											
										
										
											2018-03-07 08:47:00 +00:00
+								            <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+								        </div>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+										<h1>View Settings and Navigation Tools</h1>
-												[DE] Update help

											
										
										
											2021-04-30 13:51:49 +00:00
+											<p>The <a href="https://www.onlyoffice.com/en/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a> offers several tools to help you view and navigate through your document: zoom, page number indicator etc.</p>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+											<h3>Adjust the View Settings</h3>
-												[DE][PE][SSE] Updates to the documentation (en)

											
										
										
											2018-06-07 15:31:00 +00:00
+											<p>To adjust default view settings and set the most convenient mode to work with the document, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon on the right side of the editor header and select which interface elements you want to be hidden or shown.
-												Update helps.

											
										
										
											2017-09-20 08:31:59 +00:00
+											You can select the following options from the <b>View settings</b> drop-down list:
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+											</p>
 											<ul>
-												Merge branch 'hotfix/v6.4.1' into release/v6.5.0

											
										
										
											2021-09-24 10:22:40 +00:00
+												<li>
 													<b>Hide Toolbar</b> -  hides the top toolbar that contains commands while tabs remain visible. When this option is enabled, you can click any tab to display the toolbar. The toolbar is displayed until you click anywhere outside it.<br />To disable this mode, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon and click the <b>Hide Toolbar</b> option once again. The top toolbar will be displayed all the time.
 													<p class="note"><b>Note</b>: alternatively, you can just double-click any tab to hide the top toolbar or display it again.</p>
 												</li>
 												<li><b>Hide Status Bar</b> - hides the bottommost bar where the <b>Page Number Indicator</b> and <b>Zoom</b> buttons are situated. To show the hidden <b>Status Bar</b> click this option once again.</li>
 												<li><b>Hide Rulers</b> - hides rulers which are used to align text, graphics, tables, and other elements in a document, set up margins, tab stops, and paragraph indents. To show the hidden <b>Rulers</b> click this option once again.</li>
-												Update help (#1433)


											
										
										
											2021-12-22 15:23:28 +00:00
+												<li>
 													<b>Dark mode</b> – enables or disables the dark mode if you have chosen the <b>Dark interface theme</b>. You can also turn on the dark mode using the <b>Advanced Settings</b> from the <b>File</b> tab menu.
 													<p><img alt="Dark Mode" src="../images/viewsettings_darkmode.png" /></p>
 												</li>
 												</ul>
-												Update helps.

											
										
										
											2017-09-20 08:31:59 +00:00
+											<p>The right sidebar is minimized by default. To expand it, select any object (e.g. image, chart, shape) or text passage and click the icon of the currently activated tab on the right. To minimize the right sidebar, click the icon once again.</p>
-												Update help

											
										
										
											2020-09-14 12:21:50 +00:00
+											<p>
 												When the <b>Comments</b> <span class="onlineDocumentFeatures">or <b>Chat</b></span> panel is opened, the width of the left sidebar is adjusted by simple drag-and-drop:
 												move the mouse cursor over the left sidebar border so that it turns into the bidirectional arrow and drag the border to the right to extend the width of the sidebar. To restore its original width, move the border to the left.
 											</p>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+											<h3>Use the Navigation Tools</h3>
 											<p>To navigate through your document, use the following tools:</p>
-												[DE] Update help

											
										
										
											2021-04-30 13:51:49 +00:00
+											<p>
 												The <b>Zoom</b> buttons are situated in the right lower corner and are used to zoom in and out the current document.
-												Update help (#1433)


											
										
										
											2021-12-22 15:23:28 +00:00
+												To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list (50% / 75% / 100% / 125% / 150% / 175% / 200% / 300% / 400% / 500%)
-												[DE] Update help

											
										
										
											2021-04-30 13:51:49 +00:00
+												or use the <b>Zoom in</b> <img alt="Zoom in button" src="../images/zoomin.png" /> or <b>Zoom out</b> <img alt="Zoom out button" src="../images/zoomout.png" /> buttons.
 												Click the <b>Fit to width</b> <img alt="Fit to width button" src="../images/fitwidth.png" /> icon to fit the document page width to the visible part of the working area.
 												To fit the whole document page to the visible part of the working area, click the <b>Fit to page</b> <img alt="Fit to page button" src="../images/fitpage.png" /> icon.
 												Zoom settings are also available in the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> drop-down list that can be useful if you decide to hide the <b>Status Bar</b>.
 											</p>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+											<p>The <b>Page Number Indicator</b> shows the current page as a part of all the pages in the current document (page 'n' of 'nn').
 											Click this caption to open the window where you can enter the page number and quickly go to it.</p>
 										</div>
 									</body>
 								</html>