web-apps/apps/documenteditor/main/resources/help/en/ProgramInterface/ViewTab.htm

<!DOCTYPE html>
<html>
	<head>
		<title>View tab</title>
		<meta charset="utf-8" />
        <meta name="description" content="Introducing the Document Editor user interface - View tab" />
        <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
		<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 tab</h1>
            <p>
                The <b>View</b> tab of the <a href="https://www.onlyoffice.com/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a> allows you to manage how your document looks like while you are working on it.
            </p>
            <div class="onlineDocumentFeatures">
                <p>The corresponding window of the Online Document Editor:</p>
                <p><img alt="View tab" src="../images/interface/viewtab.png" /></p>
            </div>
            <div class="desktopDocumentFeatures">
                <p>The corresponding window of the Desktop Document Editor:</p>
                <p><img alt="View tab" src="../images/interface/desktop_viewtab.png" /></p>
            </div>
            <p>View options available on this tab:</p>
            <ul>
                <li><a href="../UsageInstructions/CreateTableOfContents.htm" onclick="onhyperlinkclick(this)"><b>Navigation</b></a> allows to display and navigate headings in your document,</li>
                <li><b>Zoom</b> allows to zoom in and zoom out your document,</li>
                <li><b>Fit to page</b> allows to resize the page so that the screen displays the whole page,</li>
                <li><b>Fit to width</b> allows to resize the page so that the page scales to fit the width of the screen,</li>
                <li><b>Interface theme</b> allows to change interface theme by choosing a <b>Same as system</b>, <b>Light</b>, <b>Classic Light</b>, <b>Dark</b> or <b>Contrast Dark</b> theme,</li>
                <li><b>Dark document</b> option becomes active when the Dark or Contrast Dark theme is enabled. Click it to make the working area dark too.</li>
            </ul>
            <p>The following options allow you to configure the elements to display or to hide. Check the elements to make them visible:</p>
            <ul>
                <li><b>Always show toolbar</b> to make the top toolbar always visible,</li>
                <li><b>Status bar</b> to make the status bar always visible,</li>
                <li><b>Rulers</b> to make rulers always visible.</li>
            </ul>
        </div>
	</body>
</html>