Engage 360: Previewing an Interaction

Previewing is a great way to see the changes you've made to your interaction without publishing it. And with Engage 360, previewing is easier and more powerful than ever. You can preview how your interaction will look and behave on any device and orientation with the all-new responsive preview options.

Tip: Previews in Engage 360 display HTML5 content. To see how your interaction looks in a Flash-enabled browser, you’ll need to publish it.

Previewing an Interaction

To preview your interaction from the beginning, do any of the following:

Press F12 on your keyboard.

Click any of the device icons on the new responsive preview toolbar.

Click the top half of the Preview button on the Engage ribbon.

Click the drop-down arrow below the Preview button and choose From beginning.

To preview your interaction from the step that’s currently selected, do either of the following:

Press Ctrl+F12 on your keyboard.

Click the drop-down arrow below the Preview button and choose From this step.

Using the Preview Options

Use the buttons on the preview ribbon to do any of the following:

Close Preview

This closes the preview window and takes you back to wherever you were prior to previewing.

Select

This lets you preview a different step in your interaction without closing the preview window.

Replay

This replays the current step. To replay the entire interaction from the beginning, click the Replay drop-down arrow and choose Replay entire interaction.

Edit Step

This closes the preview window and takes you directly to the step in your project that you were just previewing.

Device Icons

Click any of the five device icons in the upper right corner of the screen to quickly switch your preview to another device or orientation, including:

Laptop/desktop computers

Tablets in landscape mode

Tablets in portrait mode

Smartphones in landscape mode

Smartphones in portrait mode

With Engage 360, it’s super easy to see how your interaction will look and behave with the new responsive player on any mobile device and orientation.

Responsive Playback Properties

Click the gear icon in the upper right corner of the window to open the Responsive Playback window where you can restrict which mobile device orientations learners are allowed to use.

For example, if you build an interaction that works best in landscape mode and you don’t want learners to have a subpar experience by holding their mobile devices in portrait mode, just limit playback to landscape mode for tablets and smartphones.