Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity
web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/PreviewPresentation.htm

66 lines
8.1 KiB
HTML
Raw Normal View History

webapps added
2016-03-11 00:48:53 +00:00
<!DOCTYPE html>
<html>
<head>
<title>Preview your presentation</title>
<meta charset="utf-8" />
<meta name="description" content="Preview your presentation" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
Added search to the documentation for all editors
2018-01-12 14:52:45 +00:00
<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>Preview your presentation</h1>
Update helps.
2017-09-20 08:31:59 +00:00
<h3>Start the preview</h3>
<p>To preview your currently edited presentation, you can:</p>
webapps added
2016-03-11 00:48:53 +00:00
<ul>
Update helps.
2017-09-20 08:31:59 +00:00
<li>click the <b>Start slideshow</b> <img alt="Start slideshow icon" src="../images/startpreview.png" /> icon at the <b>Home</b> tab of the top toolbar or on the left side of the status bar, or</li>
<li>select a certain slide within the slide list on the left, right-click it and choose the <b>Start Slideshow</b> option from the contextual menu.</li>
</ul>
<p>The preview will start from the currently selected slide. </p>
<p>You can also click the arrow next to the <b>Start slideshow</b> <img alt="Start slideshow icon" src="../images/startpreview.png" /> icon at the <b>Home</b> tab of the top toolbar and select one of the available options:</p>
<ul>
<li><b>Show from Beginning</b> - to start the preview from the very first slide,</li>
<li><b>Show from Current slide</b> - to start the preview from the currently selected slide,</li>
<li><b>Show presenter view</b> - to start the preview in the <b>Presenter</b> mode that allows to demonstrate the presentation to your audience without slide notes while viewing the presentation with the slide notes on a different monitor.</li>
<li><b>Show Settings</b> - to open a settings window that allows to set only one option: <b>Loop continuously until 'Esc' is pressed</b>. Check this option if necessary and click <b>OK</b>. If you enable this option, the presentation will be displayed until you press the <b>Escape</b> key on the keyboard, i.e. when the last slide of the presentation is reached, you will be able to go to the first slide again etc. If you disable this option, once the last slide of the presentation is reached, a black screen appears informing you that the presentation is finished and you can exit from the <b>Preview</b>.
<p><img alt="Show Settings window" src="../images/showsettings.png" /></p>
webapps added
2016-03-11 00:48:53 +00:00
</li>
Update helps.
2017-09-20 08:31:59 +00:00
</ul>
<h3>Use the Preview mode</h3>
<p>In the <b>Preview</b> mode, you can use the following controls at the bottom left corner:</p>
<p><img alt="Preview Mode controls" src="../images/preview_mode.png" /></p>
<ul>
<li>the <b>Previous slide</b> <img alt="Previous slide icon" src="../images/previousslide.png" /> button allows you to return to the preceding slide.</li>
<li>the <b>Pause presentation</b> <img alt="Pause presentation icon" src="../images/pausepresentation.png" /> button allows you to stop previewing. When the button is pressed, it turns into the <img alt="Start presentation icon" src="../images/startpresentation.png" /> button.</li>
<li>the <b>Start presentation</b> <img alt="Start presentation icon" src="../images/startpresentation.png" /> button allows you to resume previewing. When the button is pressed, it turns into the <img alt="Pause presentation icon" src="../images/pausepresentation.png" /> button.</li>
<li>the <b>Next slide</b> <img alt="Next slide icon" src="../images/nextslide.png" /> button allows you to advance the following slide.</li>
<li>the <b>Slide number indicator</b> displays the current slide number as well as the overall number of slides in the presentation. To go to a certain slide in the preview mode, click on the <b>Slide number indicator</b>, enter the necessary slide number in the opened window and press <b>Enter</b>.</li>
<li>the <b>Full screen</b> <img alt="Full screen icon" src="../images/fullscreen.png" /> button allows you to switch to full screen mode.</li>
<li>the <b>Exit full screen</b> <img alt="Exit full screen icon" src="../images/exitfullscreen.png" /> button allows you to exit full screen mode.</li>
<li>the <b>Close slideshow</b> <img alt="Close slideshow icon" src="../images/closepreview.png" /> button allows you to exit the preview mode.</li>
webapps added
2016-03-11 00:48:53 +00:00
</ul>
<p>You can also <a href="../HelpfulHints/KeyboardShortcuts.htm#preview" onclick="onhyperlinkclick(this)">use the keyboard shortcuts</a> to navigate between the slides in the preview mode.</p>
Update helps.
2017-09-20 08:31:59 +00:00
<h3 id="presenter">Use the Presenter mode</h3>
Update help
2019-12-19 08:42:10 +00:00
<p class="note"><b>Note</b>: in the <em>desktop version</em>, the presenter mode can be activated only if the second monitor is connected.</p>
Update helps.
2017-09-20 08:31:59 +00:00
<p>In the <b>Presenter</b> mode, you can view your presentations with slide notes in a separate window, while demonstrating it without notes on a different monitor. The notes for each slide are displayed below the slide preview area.</p>
[PE] Documentation corrections: all languages
2018-02-21 13:46:29 +00:00
<p>To navigate between slides you can use the <img alt="Previous Slide icon" src="../images/previousslide.png" /> and <img alt="Next Slide icon" src="../images/nextslide.png" /> buttons or click slides in the list on the left. The hidden slide numbers are crossed out in the slide list on the left. If you wish to show a slide marked as hidden to others, just click it in the slide list on the left - the slide will be displayed.</p>
Update helps.
2017-09-20 08:31:59 +00:00
<p>You can use the following controls below the slide preview area:</p>
<p><img alt="Presenter Mode controls" src="../images/presenter_mode.png" /></p>
<ul>
<li>the <b>Timer</b> displays the elapsed time of the presentation in the <em>hh.mm.ss</em> format.</li>
Feature/update help (#329)
2020-02-05 13:47:18 +00:00
<li>the <b>Pause presentation</b> <img alt="Pause presentation icon" src="../images/presenter_pausepresentation.png" /> button allows you to stop previewing. When the button is pressed, it turns into the <img alt="Start presentation icon" src="../images/presenter_startpresentation.png" /> button.</li>
<li>the <b>Start presentation</b> <img alt="Start presentation icon" src="../images/presenter_startpresentation.png" /> button allows you to resume previewing. When the button is pressed, it turns into the <img alt="Pause presentation icon" src="../images/presenter_pausepresentation.png" /> button.</li>
Update helps.
2017-09-20 08:31:59 +00:00
<li>the <b>Reset</b> button allows to reset the elapsed time of the presentation.</li>
Feature/update help (#329)
2020-02-05 13:47:18 +00:00
<li>the <b>Previous slide</b> <img alt="Previous slide icon" src="../images/presenter_previousslide.png" /> button allows you to return to the preceding slide.</li>
<li>the <b>Next slide</b> <img alt="Next slide icon" src="../images/presenter_nextslide.png" /> button allows you to advance the following slide.</li>
Update helps.
2017-09-20 08:31:59 +00:00
<li>the <b>Slide number indicator</b> displays the current slide number as well as the overall number of slides in the presentation.</li>
<li>the <b>Pointer</b> <img alt="Pointer icon" src="../images/pointer.png" /> button allows you to highlight something on the screen when showing the presentation. When this option is enabled, the button looks like this: <img alt="Pointer icon" src="../images/pointer_enabled.png" />. To point to some objects hover your mouse pointer over the slide preview area and move the pointer around the slide. The pointer will look the following way: <img alt="Pointer icon" src="../images/pointer_screen.png" />. To disable this option, click the <img alt="Pointer icon" src="../images/pointer_enabled.png" /> button once again.</li>
<li>the <b>End slideshow</b> button allows you to exit the <b>Presenter</b> mode.</li>
</ul>
webapps added
2016-03-11 00:48:53 +00:00
</div>
</body>
</html>
Reference in a new issue Copy permalink