mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-24 23:43:19 +08:00
42 lines
2.7 KiB
HTML
42 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>View tab</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Introducing the Diagram Viewer user interface - View tab" />
|
|
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
|
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|
<script type="text/javascript" src="../../../../../../common/main/resources/help/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/pdf-editor.aspx?docs=download" target="_blank" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>--> allows you to manage how your diagram looks while you are viewing it, as well as helps you navigate diagrams easily.</p>
|
|
<div class="onlineDocumentFeatures">
|
|
<p>The corresponding window of the Online Diagram Viewer:</p>
|
|
<p><img alt="View tab" src="../images/interface/viewtab.png" /></p>
|
|
</div>
|
|
<div class="desktopDocumentFeatures">
|
|
<p>The corresponding window of the Desktop Diagram Viewer:</p>
|
|
<p><img alt="View tab" src="../images/interface/desktop_viewtab.png" /></p>
|
|
</div>
|
|
<p>View options available on this tab:</p>
|
|
<ul>
|
|
<li><b>Zoom</b> allows you to zoom in and out of your diagram.</li>
|
|
<li><b>Fit to Page</b> allows you to resize the diagram so that the screen displays the page as a whole.</li>
|
|
<li><b>Fit to Width</b> allows you to resize the diagram so that the page scales to fit the width of the screen.</li>
|
|
<li><b>Interface Theme</b> allows you to change the interface theme by choosing a <b>Same as system</b>, <b>Light</b>, <b>Classic Light</b>, <b>Dark</b>, <b>Contrast Dark</b>, or <b>Gray</b> theme.</li>
|
|
</ul>
|
|
<p>The following options allow you to configure the elements to display or 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>Left Panel</b> to make the left panel visible.</li>
|
|
</ul>
|
|
</div>
|
|
</body>
|
|
</html> |