StageDive Tutorial

Swipe to the right

Video

Stacks Image 332183
Use the StageDive theme in the project theme selector, or in the page inspector.
Project Theme Selector
Page Theme Selector

Main StageDive Stack

The main StageDive Stack acts as slide container. Use one StageDive Stack per page. This stack allows you to specify theme variations and transition styles.
Stacks Image 332075

Adding Slides

Use the blue (+) button in the main StageDive Stack to add horizontal slides or a Vertical Slide Container.
Stacks Image 332085

Changing Slide Settings

You are able to specify different transitions and backgrounds for each slide.
Stacks Image 332095

Adding Content

Use header, text, or image stacks for adding content.
Stacks Image 332104

Media Player Stack

The Media Player Stack allows you to use HTML5 video or audio content.
Stacks Image 332113

Fixed Position Stack

The Fixed Position Stack places content in the top or bottom, left or right corner, above a single or all slides (if placed outside the main StageDive Stack). Perfect to use with Ghost Button Stack for fixed position buttons.
Stacks Image 332122

Link between Slides

<a href="#/2/">Link to second slide</a>
<a href="#/slide-id">Link to Slide ID</a>
The slide ID can be set in the slide settings.

Swipe Slides with Links

<a href="#" class="navigate-left">
<a href="#" class="navigate-right">
<a href="#" class="navigate-up">
<a href="#" class="navigate-down">
<a href="#" class="navigate-prev">
<a href="#" class="navigate-next">
The href and class attribute can be set inside the RW link selector.

Speaker View

There's a speaker view. It includes a timer, preview of the upcoming slide as well as your speaker notes.

Press the S key to try it out.

Pause

Press B or . on your keyboard to pause the presentation. This is helpful when you're on stage and want to take distracting slides off the screen.

Overview

Press ESC to enter the slide overview.

Hold down alt and click on any element to zoom in on it. Alt + click anywhere to zoom back out.

Download Test Project

See also the StageDive demo, or download the test project here.