Previewing preso modes

Related links:

• Preso modes overview
• Preso modes testing guide

Presentation modes

Related links:

• Presentation modes overview
• Presentation mode testing guide

Preview directions:

1. Open the Slides tab
2. Set viewing mode to Present (Master)

Activate full-screen mode:

Prep

Related links:

• Prep mode overview
• Prep mode testing guide
• Per-preso (prep-mode) editable content guide

Preview directions:

1. Open the Slides tab
2. Set viewing mode to Present (Master)
3. Set presentation mode to Prep

Present

Related links:

• Present mode overview
• Present mode testing guide

Preview directions:

1. Open the Slides tab
2. Set viewing mode to Present (Master)
3. Set presentation mode to Present

Review

Related links:

• Review mode overview
• Review mode testing guide

Preview directions:

1. Open the Slides tab
2. Set viewing mode to Present (Master)
3. Set presentation mode to Review

Remote Preso

Related links:

• Remote preso overview
• Remote preso testing guide
• Developing for remote preso guide

Preview directions:

1. Open the Slides tab
2. Set viewing mode to Present (Master)
3. Set presentation mode to Present

3. Open the TelePreso tab in the right panel

4. Click to "Open in browser"
5. Select the TelePreso option

6. Navigate through the content using the CDK

Share

Related links:

• Shares overview
• Share preso testing guide

Preview directions:

1. Open the Slides tab
2. Set viewing mode to OnlinePreso

Thumbnail

Related links:

• Thumbnails overview
• Thumbnails testing guide
• animation-complete class guide
• Adding fixtures guide
• Generating adjunct subslide thumbnails guide

Preview directions:

1. Open the Slides tab
2. Set viewing mode to Screenshot (Thumbnails)
3. Set dummy context and feeds to Fixture

PDF

Related links:

• PDF exports overview
• PDF testing guide
• Preparing content for PDFs guide
• animation-complete class guide

Preview directions:

note

Unfortunately, it is not possible to generate a PDF using the CDK, however, we can preview the slides in a similar state to which will be viewed by the screenshotter.

1. Open the Slides tab
2. Set viewing mode to Screenshot (Full)

PresoManager

Related links:

• PresoManager overview
• PresoManager testing guide
• Deck-wide (PresoManager) editable content guide
• Adding fixtures guide

Preview directions:

1. Open the Slides tab
2. Set viewing mode to PresoManager
3. Set PresoManager mode to Edit mode
4. Set dummy context and feeds to Fixture

5. Switch between Edit mode and Preview for each slide

If you are connected to a server with saved companywide values, those values will be shown in the fields; otherwise, the default text and images will be shown.

info

Changes that are made to companywide editable fields in the CDK will not be saved and will not appear in the app. The fields in the CDK are editable for demonstration and development purposes only.

Companywide editable fields will appear as they do in the app - text fields will have blue outlines, image fields will allow you to select an image, and so on.

Empty Preview

Related links:

• Empty preview overview
• Empty preview testing guide
• Adding fixtures guide
• Adjunct subslide without data guide

Preview directions:

1. Open the Slides tab
2. Set viewing mode to Empty Preview
3. Set dummy context and feeds to Fixture

Read-only

Related links:

• Read-only overview
• Read-only testing guide
• Developing for read-only guide

Preview directions:

1. Open the Slides tab
2. Select your chosen preso mode
3. Activate the read-only toggle

Offline mode

Related links:

• Offline mode overview
• Offline mode testing guide
• Developing for offline mode guide

Replicating offline mode

Unfortunately, offline mode replication is not officially supported in the CDK. In order to reproduce offline mode, you will need to take the following steps:

1. Disconnect your machine from the internet
2. Manually update the CDK body class from online to offline
3. Toggle the Bridge.Status.isOnline flag
4. Trigger the Bridge connectionChanged event

Our suggestion to more effective achieve steps 2 - 4 is to write a function that can be triggered from the dev tools console that executes the required actions.

For example:

const toggleConnection = (status) => {
	// Toggle body class
	$("body").toggleClass("online", status);
	$("body").toggleClass("offline", !status);
	// Toggle Bridge status flag
	Bridge.Status.isOnline = status;
	// Trigger connectionChanged event
	$("#slideshow").trigger("connectionChanged", status);
};

Reviewing cached feed images

To review your feeds image cache selections in the CDK:

1. Open the Slides tab
2. Open the Feeds tab in the RHS panel
3. Select the relevant feed
4. Input your test data

5. Click the offline images icon

6. If your selections were mapped correctly, you will see a list of all of images in your test data that would be cached if this were a live feed fetched at preso creation