-
Notifications
You must be signed in to change notification settings - Fork 250
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request 'Update help' (#265) from feature/update-help into…
… release/v8.3.0 Reviewed-on: https://git.onlyoffice.com/ONLYOFFICE/web-apps/pulls/265
- Loading branch information
Showing
37 changed files
with
1,552 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| [ | ||
| {"src": "ProgramInterface/ProgramInterface.htm", "name": "Introducing the user interface of the Diagram Viewer", "headername": "Program Interface"}, | ||
| {"src": "ProgramInterface/FileTab.htm", "name": "File tab"}, | ||
| {"src": "ProgramInterface/ViewTab.htm", "name": "View tab"}, | ||
| {"src": "HelpfulHints/About.htm", "name": "About the Diagram Viewer", "headername": "Helpful Hints"}, | ||
| {"src": "HelpfulHints/AdvancedSettings.htm", "name": "Advanced Settings of the Diagram Viewer"}, | ||
| {"src": "HelpfulHints/Communicating.htm", "name": "Communicating in real time"}, | ||
| {"src": "HelpfulHints/KeyboardShortcuts.htm", "name": "Keyboard Shortcuts"}, | ||
| {"src": "HelpfulHints/Navigation.htm", "name": "View Settings and Navigation Tools"}, | ||
| {"src": "UsageInstructions/SavePrintDownload.htm", "name": "Download and print your diagram", "headername": "Usage Instructions"}, | ||
| {"src": "UsageInstructions/ViewDiagramViewerInfo.htm", "name": "View diagram information"} | ||
| ] |
23 changes: 23 additions & 0 deletions
23
apps/visioeditor/main/resources/help/en/HelpfulHints/About.htm
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>About the Diagram Viewer</title> | ||
| <meta charset="utf-8" /> | ||
| <meta name="description" content="The short description of the Diagram Viewer" /> | ||
| <link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" /> | ||
| <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.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>About the Diagram Viewer</h1> | ||
| <p>The <!--<a href="https://www.onlyoffice.com/en/pdf-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>--> is an online application that allows you to view diagrams directly in the browser.</p> | ||
| <p>Using the <b>Diagram Viewer</b>, you can print the diagram, keeping all the formatting details, or download it onto your computer hard disk drive.</p> | ||
| <p>To view the current software version, build number, and licensor details in the <em>online version</em>, click the <span class = "icon icon-about"></span> icon on the left sidebar.</p> | ||
| </div> | ||
| </body> | ||
| </html> |
71 changes: 71 additions & 0 deletions
71
apps/visioeditor/main/resources/help/en/HelpfulHints/AdvancedSettings.htm
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,71 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Advanced Settings of the Diagram Viewer</title> | ||
| <meta charset="utf-8" /> | ||
| <meta name="description" content="The advanced settings of the Diagram Viewer" /> | ||
| <link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" /> | ||
| <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.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>Advanced Settings of the Diagram Viewer</h1> | ||
| <p>The <!--<a href="https://www.onlyoffice.com/en/pdf-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>--> allows you to change its advanced settings. To access them, open the <b>File</b> tab on the top toolbar and select the <b>Advanced Settings</b> option.</p> | ||
| <p>The advanced settings are grouped as follows:</p> | ||
|
|
||
| <h3>Appearance</h3> | ||
| <ol> | ||
| <li> | ||
| The <b>Interface theme</b> option is used to change the color scheme of the editor’s interface. | ||
| <ul> | ||
| <li>The <b>Same as system</b> option makes the editor follow the interface theme of your system.</li> | ||
| <li>The <b>Light</b> color scheme incorporates standard red brick, white, and light gray colors with less contrast in UI elements suitable for working during the daytime.</li> | ||
| <li>The <b>Classic Light</b> color scheme incorporates standard red brick, white, and light gray colors.</li> | ||
| <li>The <b>Dark</b> color scheme incorporates black, dark gray, and light gray colors suitable for working at night.</li> | ||
| <li>The <b>Contrast Dark</b> color scheme incorporates black, dark gray, and white colors with more contrast in UI elements, highlighting the working area of the file.</li> | ||
| <li>The <b>Gray</b> color scheme incorporates lighter gray color and appears as a uniformly light color scheme.</li> | ||
| </ul> | ||
| </li> | ||
| <li>The <b>Tab style</b> option is used to change tab highlighting type: <em>Fill</em> to fill the selected tab with a darker colour, or <em>Line</em> to underline the selected tab.</li> | ||
| <li>The <b>Use toolbar color as tabs background</b> option is used to fill the tabs with the same colour as the tab background interface.</li> | ||
| </ol> | ||
|
|
||
| <h3>Workspace</h3> | ||
| <ol> | ||
| <li>The <b>Turn on screen reader support</b> option is used to enable support of screen reader software.</li> | ||
| <li>The <b>Use Alt key to navigate the user interface using the keyboard</b> option is used to enable using the <em>Alt</em> / <em>Option</em> key in keyboard shortcuts.</li> | ||
| <li> | ||
| The <b>Default Zoom Value</b> option is used to set the default zoom value, selecting it in the list of available options from 50% to 500%. You can also choose the <em>Fit to Page</em>, <em>Fit to Width</em>, or <em>Last Used</em> option. | ||
| <p class="note">The <em>Last Used</em> option refers to the last set scaling during the current session.</p> | ||
| </li> | ||
| <li> | ||
| The <b>Font Hinting</b> option is used to select how fonts are displayed in the Diagram Viewer. | ||
| <ul> | ||
| <li>Choose <b>As Windows</b> if you like the way fonts are usually displayed on Windows, i.e., using Windows font hinting.</li> | ||
| <li>Choose <b>As OS X</b> if you like the way fonts are usually displayed on a Mac, i.e., without any font hinting at all.</li> | ||
| <li>Choose <b>Native</b> if you want your text to be displayed with hinting embedded into font files.</li> | ||
| <li> | ||
| <b>Default cache mode</b> - used to select the cache mode for the font characters. It’s not recommended to switch it without any reason. It can be helpful in some cases only, for example, when an issue in the Google Chrome browser with enabled hardware acceleration occurs. | ||
| <p>The Diagram Viewer has two cache modes:</p> | ||
| <ol> | ||
| <li>In the <b>first cache mode</b>, each letter is cached as a separate picture.</li> | ||
| <li>In the <b>second cache mode</b>, a picture of a certain size is selected where letters are placed dynamically, and a mechanism for allocating/removing memory in this picture is also implemented. If there is not enough memory, a second picture is created, etc.</li> | ||
| </ol> | ||
| <p>The <b>Default cache mode</b> setting applies the two above-mentioned cache modes separately for different browsers:</p> | ||
| <ul> | ||
| <li>When the <b>Default cache mode</b> setting is enabled, Internet Explorer (v. 9, 10, 11) uses the <b>second cache mode</b>, other browsers use the <b>first cache mode</b>.</li> | ||
| <li>When the <b>Default cache mode</b> setting is disabled, Internet Explorer (v. 9, 10, 11) uses the <b>first cache mode</b>, other browsers use the <b>second cache mode</b>.</li> | ||
| </ul> | ||
| </li> | ||
| </ul> | ||
| </li> | ||
| </ol> | ||
| <p>To save the changes you made, click the <b>Apply</b> button.</p> | ||
| </div> | ||
| </body> | ||
| </html> |
31 changes: 31 additions & 0 deletions
31
apps/visioeditor/main/resources/help/en/HelpfulHints/Communicating.htm
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Communicating in real time</title> | ||
| <meta charset="utf-8" /> | ||
| <meta name="description" content="Tips on collaborative editing" /> | ||
| <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>Communicating in real time</h1> | ||
| <p>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 maintain a constant team-wide approach to work flow.</p> | ||
| <p>In the <b>Diagram Viewer</b> you can communicate with your co-editors in real time using the built-in <b>Chat</b> tool.</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,</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 for one session only.</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.</p> | ||
| </div> | ||
| </body> | ||
| </html> |
Oops, something went wrong.