Hide Table of Contents
esri/dijit/util
esri/layer/pixelFilters
esri/process
esri/support
esri/workers
Object: PlayerViewModes

require(["esri/dijit/geoenrichment/ReportPlayer/PlayerViewModes"], function(PlayerViewModes) { /* code goes here */ });

Description

(Added at v3.25)
An enumerator of available view modes displaying the Report Player.

Samples

Search for samples that use this class.

Constants

NameDescription
FULL_PAGESDisplays one full page at a time. The following lists some examples of various Full page view modes.

Full page and Full screen (PC)
Used to show the Report Player on a big screen. The pages are shown fully, one page at a time.
// Creation parameters
viewMode: PlayerViewModes.FULL_PAGES,
resizeMode: PlayerResizeModes.FIT_WINDOW

Full Page & Auto-resize (PC)
Used to show the Report Player in a big popup window that will change its size depending on the content. The pages are shown fully, one page at a time. You can restrict the size of the visible area.
// Creation parameters
viewMode: PlayerViewModes.FULL_PAGES,
resizeMode: PlayerResizeModes.AUTO

// Restrict the visible area size
// before playing the infographic
player.setMaxWidth(1000);
player.setMaxHeight(50);
player.playReport(...);

Full Page & Manually restricted area (PC)
Used to show the Report Player in a fixed area (e.g. a web site). The pages are shown fully, one page at a time.
// Creation parameters
viewMode: PlayerViewModes.FULL_PAGES,
resizeMode: PlayerResizeModes.MANUAL

// Resize the player to the fixed
// dimensions before playing the infographic
player.resize(1000,700);
player.playReport(...);

PANELS_IN_SLIDESPanels will be shown in the slides view mode. The following lists some examples of various slides view modes.

Panels in slides & Full Screen (PC & Mobile)
Used on small screen devices. Panels are shown in slides, one panel at a time, stretched to fill the window.
// Creation parameters
viewMode: PlayerViewModes.PANELS_IN_SLIDES,
resizeMode: PlayerResizeModes.FIT_WINDOW

PC Example

Mobile example (emulation of iPhone SE on Chrome)

Panels in slides & Auto-resize (PC)
Used to show the Report Player in a small popup that changes its size depending on the content. Panels are shown in slides, one at a time.
// Creation parameters
viewMode: PlayerViewModes.PANELS_IN_SLIDES,
resizeMode: PlayerResizeModes.AUTO

Panels in slides & Manually restricted area (PC)
Used to show Report Player in a fixed area (e.g. on a web site). Panels are shown in slides, one at a time, stretched to fill the visible area.
// Creation parameters
viewMode: PlayerViewModes.PANELS_IN_SLIDES,
resizeMode: PlayerResizeModes.MANUAL
         
// Resize the player to the fixed
// dimensions before playing the infographic
player.resize(1000, 700);
player.playReport(...)
PANELS_IN_STACKPanels will be shown in a single stack. The following lists some examples of various stack view modes.

Panels in Stack & Full Screen (PC and Mobile)
Used to show Report Player on a small screen devices. Panels are stacked in a vertical list.
// Creation parameters
viewMode: PlayerViewModes.PANELS_IN_STACK,
resizeMode: PlayerResizeModes.FIT_WINDOW

PC Example

Mobile example (emulation of iPhone SE on Chrome)

Panels in stack & Manually restricted area
Used to show the Report Player in a fixed area (e.g. on a web site). Panels are stacked in a vertical list.
// Creation parameters
viewMode: PlayerViewModes.PANELS_IN_SLIDES,
resizeMode: PlayerResizeModes.MANUAL

// Resize the player to the fixed
// dimensions before playing the infographic
player.resize(1000, 700);
player.playReport(...);
Show Modal