web-apps/apps/presentationeditor/main/resources/help/en/ProgramInterface/ProgramInterface.htm

<!DOCTYPE html>
<html>
	<head>
        <title>Introducing the user interface of the Presentation Editor</title>
		<meta charset="utf-8" />
        <meta name="description" content="Introducing the Presentation Editor user interface" />
		<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>Introducing the user interface of the Presentation Editor</h1>
        <p>The <b>Presentation Editor</b> uses a tabbed interface where editing commands are grouped into tabs according to their functionality.</p>
            <div class="onlineDocumentFeatures">
                <p>Main window of the Online Presentation Editor:</p>
                <p><img alt="Online Presentation Editor window" src="../images/interface/editorwindow.png" /></p>
            </div>
            <div class="desktopDocumentFeatures">
                <p>Main window of the Desktop Presentation Editor:</p>
                <p><img alt="Desktop Presentation Editor window" src="../images/interface/desktop_editorwindow.png" /></p>
            </div>
            <p>The editor interface consists of the following main elements:</p>
            <ol>
                <li>
                    The <b>Editor header</b> displays the logo, <span class="desktopDocumentFeatures">tabs for all opened presentations with their names</span> and menu tabs.
                    <p>On the left side of the <b>Editor header</b>, the <b>Save</b>, <b>Print file</b>, <b>Undo</b> and <b>Redo</b> buttons are located.</p>
                    <p><img alt="Icons in the editor header" src="../images/interface/leftpart.png" /></p>
                    <p>On the right side of the <b>Editor header</b>, along with the user name the following icons are displayed:</p>
                    <ul>
                        <li><img alt="Open file location" src="../images/gotodocuments.png" /> <b>Open file location</b> - <span class="desktopDocumentFeatures">in the <em>desktop version</em>, it allows opening the folder, where the file is stored, in the <b>File Explorer</b> window.</span> <span class="onlineDocumentFeatures"> In the <em>online version</em>, it allows opening the folder of the <b>Documents</b> module, where the file is stored, in a new browser tab.</span></li>
                        <li><img alt="View Settings icon" src="../images/viewsettingsicon.png" /> <b>View Settings</b> - allows adjusting the <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">View Settings</a> and accessing the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a> of the editor.</li>
                        <li class="onlineDocumentFeatures"><img alt="Manage document access rights icon" src="../images/access_rights.png" /> <b>Manage document access rights</b> - (available in the <em>online version</em> only) allows <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">setting access rights</a> for the documents stored in the cloud.</li>
                    </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/CollaborationTab.htm" onclick="onhyperlinkclick(this)">Collaboration</a>, <span class="desktopDocumentFeatures">Protection,</span> <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
                    <p>The <img alt="Copy icon" src="../images/copy.png" /> <b>Copy</b> and <img alt="Paste icon" src="../images/paste.png" /> <b>Paste</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", etc.) and allows <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">setting the text language and enable spell checking</a>.</li>
                <li>
                    The <b>Left sidebar</b> contains the following icons:
                    <ul>
                        <li><img alt="Search icon" src="../images/searchicon.png" /> - allows using the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search and Replace</a> tool,</li>
                        <li><img alt="Comments icon" src="../images/commentsicon.png" /> - allows opening the <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comments</a> panel,</li>
                        <li class="onlineDocumentFeatures"><img alt="Chat icon" src="../images/chaticon.png" /> - (available in the <em>online version</em> only) allows opening the <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel,</li>
                        <li class="onlineDocumentFeatures"><img alt="Feedback and Support icon" src="../images/feedbackicon.png" /> - (available in the <em>online version</em> only) allows contacting our support team,</li>
                        <li class="onlineDocumentFeatures"><img alt="About icon" src="../images/abouticon.png" /> - (available in the <em>online version</em> only) allows viewing the information about the program.</li>
                    </ul>
                </li>
                <li>The <b>Right sidebar</b> allows adjusting additional parameters of different objects. When you select a particular object on a slide, the corresponding icon is activated on the right sidebar. Click this icon to expand the right sidebar.</li>
                <li>The horizontal and vertical <b>Rulers</b> help you place objects on a slide and allow you to set up tab stops and paragraph indents within the text boxes.</li>
                <li>The <b>Working area</b> allows viewing the presentation content, entering and editing data.</li>
                <li>The <b>Scroll bar</b> on the right allows scrolling the presentation up and down.</li>
            </ol>
            <p>For your convenience, you can hide some components and display them again when necessary. To learn more on how to adjust the view settings, please refer to <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">this page</a>.</p>
           
		</div>
	</body>
</html>
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+								<!DOCTYPE html>
 								<html>
 									<head>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								        <title>Introducing the user interface of the Presentation Editor</title>
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+										<meta charset="utf-8" />
 								        <meta name="description" content="Introducing the Presentation Editor user interface" />
 										<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">
-												[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>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								        <h1>Introducing the user interface of the Presentation Editor</h1>
 								        <p>The <b>Presentation Editor</b> uses a tabbed interface where editing commands are grouped into tabs according to their functionality.</p>
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+								            <div class="onlineDocumentFeatures">
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								                <p>Main window of the Online Presentation Editor:</p>
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+								                <p><img alt="Online Presentation Editor window" src="../images/interface/editorwindow.png" /></p>
 								            </div>
 								            <div class="desktopDocumentFeatures">
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								                <p>Main window of the Desktop Presentation Editor:</p>
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+								                <p><img alt="Desktop Presentation Editor window" src="../images/interface/desktop_editorwindow.png" /></p>
 								            </div>
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+								            <p>The editor interface consists of the following main elements:</p>
 								            <ol>
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+								                <li>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								                    The <b>Editor header</b> displays the logo, <span class="desktopDocumentFeatures">tabs for all opened presentations with their names</span> and menu tabs.
 								                    <p>On the left side of the <b>Editor header</b>, the <b>Save</b>, <b>Print file</b>, <b>Undo</b> and <b>Redo</b> buttons are located.</p>
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+								                    <p><img alt="Icons in the editor header" src="../images/interface/leftpart.png" /></p>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								                    <p>On the right side of the <b>Editor header</b>, along with the user name the following icons are displayed:</p>
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+								                    <ul>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								                        <li><img alt="Open file location" src="../images/gotodocuments.png" /> <b>Open file location</b> - <span class="desktopDocumentFeatures">in the <em>desktop version</em>, it allows opening the folder, where the file is stored, in the <b>File Explorer</b> window.</span> <span class="onlineDocumentFeatures"> In the <em>online version</em>, it allows opening the folder of the <b>Documents</b> module, where the file is stored, in a new browser tab.</span></li>
 								                        <li><img alt="View Settings icon" src="../images/viewsettingsicon.png" /> <b>View Settings</b> - allows adjusting the <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">View Settings</a> and accessing the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a> of the editor.</li>
 								                        <li class="onlineDocumentFeatures"><img alt="Manage document access rights icon" src="../images/access_rights.png" /> <b>Manage document access rights</b> - (available in the <em>online version</em> only) allows <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">setting access rights</a> for the documents stored in the cloud.</li>
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+								                    </ul>
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+								                </li>
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+								                <li>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								                    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/CollaborationTab.htm" onclick="onhyperlinkclick(this)">Collaboration</a>, <span class="desktopDocumentFeatures">Protection,</span> <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
 								                    <p>The <img alt="Copy icon" src="../images/copy.png" /> <b>Copy</b> and <img alt="Paste icon" src="../images/paste.png" /> <b>Paste</b> options are always available on the left side of the <b>Top toolbar</b> regardless of the selected tab.</p>
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+								                </li>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								                <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", etc.) and allows <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">setting the text language and enable spell checking</a>.</li>
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+								                <li>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								                    The <b>Left sidebar</b> contains the following icons:
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+								                    <ul>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								                        <li><img alt="Search icon" src="../images/searchicon.png" /> - allows using the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search and Replace</a> tool,</li>
 								                        <li><img alt="Comments icon" src="../images/commentsicon.png" /> - allows opening the <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comments</a> panel,</li>
 								                        <li class="onlineDocumentFeatures"><img alt="Chat icon" src="../images/chaticon.png" /> - (available in the <em>online version</em> only) allows opening the <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel,</li>
 								                        <li class="onlineDocumentFeatures"><img alt="Feedback and Support icon" src="../images/feedbackicon.png" /> - (available in the <em>online version</em> only) allows contacting our support team,</li>
 								                        <li class="onlineDocumentFeatures"><img alt="About icon" src="../images/abouticon.png" /> - (available in the <em>online version</em> only) allows viewing the information about the program.</li>
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+								                    </ul>
 								                </li>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								                <li>The <b>Right sidebar</b> allows adjusting additional parameters of different objects. When you select a particular object on a slide, the corresponding icon is activated on the right sidebar. Click this icon to expand the right sidebar.</li>
 								                <li>The horizontal and vertical <b>Rulers</b> help you place objects on a slide and allow you to set up tab stops and paragraph indents within the text boxes.</li>
 								                <li>The <b>Working area</b> allows viewing the presentation content, entering and editing data.</li>
 								                <li>The <b>Scroll bar</b> on the right allows scrolling the presentation up and down.</li>
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+								            </ol>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+								            <p>For your convenience, you can hide some components and display them again when necessary. To learn more on how to adjust the view settings, please refer to <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">this page</a>.</p>
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
 										</div>
 									</body>
 								</html>