Preso modes

Presentation

Preso is being prepped, presented or reviewed using the LivePreso app. Presos can be presented simultaneously as face-to-face and remote.

Master

Preso being prepped, presented or reviewed by a LivePreso user in the app.

• CDK: Present (Master)
• Body class: master omnipreso

Client

Preso viewed by a contact who has joined remotely using their own browser. See remote preso guide on how to use Bridge events to pass information between the master and client and various other tips and tricks.

• CDK: Present (Client)
• Body class: client

Presentation modes

Mode	Body class	Description
Prep	preview	Preso is being prepared before a presentation
Present	present	Preso is being presented (live or remote)
Review	review	Presentation is complete, user can no longer prep slides

warning

The present class is not applied to shared presos or the client view of a remote preso.

Share

Preso shared with a contact who is viewing it in their own browser.

• CDK: OnlinePreso
• Body class: share_online

Thumbnails

Content screenshotted by the server for use as thumbnails.

• CDK: Screenshot (Thumbnails)
• Body classes: screenshot screenshot-thumbnail share_online
• Slide article class: animation-complete

info

When screenshotting for thumbnails, the content is not associated to a preso and as a result does not contain any context or feeds data. See the adding fixtures guide to provide dummy context and feeds data for the deck to use in these circumstances.

PDF exports

Content screenshotted by the server to generate a PDF.

• CDK: Screenshot (Full)
• Body classes: screenshot screenshot-full share_online
• Slide article class: animation-complete

info

For the purposes of jumping a slide to its final frame of animation, we recommend targeting the animation-complete class instead of the screenshot, screenshot-full or screenshot-thumbnail classes.

Read more about the animation-complete class in the building a slide guide.

PresoManager

Content viewed in PresoManager by a marketing manager to:

• Edit Companywide editable slides
• Add and edit template slides
• Add custom slides

Modes

Mode	Body class	Description
Edit	review master livepreso edit-mode	Deck is being edited
Preview	review master livepreso empty-preview	Deck edits are being previewed

Empty Preview

A slide is being previewed without an association to a preso (PresoManager, Presets).

• CDK: Empty Preview
• Body class: empty-preview

Read-only mode

Preso is being viewed in a read-only state. For example: Viewing a preso that belongs to another user, has expired or been locked by another means.

• Body class: preso-readonly

Offline mode

Deck content is being viewed without an internet connection.

• Body class: offline
• Bridge flag: Bridge.Status.isOnline
• jQuery event: $("#slideshow").on("connectionChanged", (e, status) => {})

Body classes

Class	Applied when...	Target to...
master	Presenting a Preso from the app	Trigger Bridge events from the master Listen for Bridge events from the client
client	Viewing a preso remotely	Trigger Bridge events from the client Listen for Bridge events from the master Block interactivity intended for the master
omnipreso	Presenting a preso from the app
share_online	Viewing an OnlinePreso Screenshotting thumbnails Screenshotting PDFs	Apply share-specific functionality
screenshot	Screenshotting thumbnails Screenshotting for PDFs (full)	Apply screenshot specific styles
screenshot-thumbnail	Screenshotting thumbnails	Apply thumbnail specific styles Apply dummy data where required - eg. adjunct subslides
screenshot-full	Screenshotting for PDFs (full)	Apply PDF specific styles Toggle a PDF version of the slide
edit-mode	Editing a slide in PresoManager	Supply supporting edit mode functionality Add toggle to preview different slide states Apply dummy data where required - eg. adjunct subslides
empty-preview	Slide is previewed without a preso	Apply empty-preview specific styles Add toggle to preview different slide states Apply dummy data where required - eg. adjunct subslides
preso-readonly	Preso is in read-only mode	Disable editability in a slide Communicate read-only status to user
offline	LivePreso app is offline	Disable affected functionality - if required Communicate offline status to user

info

It is more likely that you will be targeting the master & client classes, rather than the omnipreso class.

info

Unless you have thumbnail or PDF specific requirements, you will find yourself targeting animation-complete more often than screenshot, screenshot-full or screenshot-thumbnail.

caution

Keep in mind when developing master vs. client remote preso functionality that the master class is not applied to shares. For this reason, we often declare an isMaster variable as anything that is not client (instead of targeting master).

Slide article classes

Class	Applied when...	Target to...
animation-complete	App needs slide on final frame Eg. screenshotting	Stop all transitions and animations Apply final frame state