Viewer Library: More Features and Demo Examples

Last updated: 24 days ago

Category: Examples

The Viewer media viewer supports full-screen viewing of multimedia files, including images, videos, audio, maps, iframes, and other embeddable platform links.

Custom Toolbox

The tools.children parameter allows customizing buttons in the toolbox. For creation methods, see here.

Multi-row Thumbnails

When there are many files in the collection and thumbnails are enabled, you can display thumbnails in multiple rows.

Thumbnail Position

Use thumb.placement to set the thumbnail position. Available values:

placement=start/end is suitable for multi-column thumbnails

Display Mode

Default is full-screen floating window. Use the mode parameter to change display mode:

Custom Width and Height

For mode=popup/inline, custom dimensions are supported:

• Use width parameter to define width
• Use height parameter to define height Value types:

1. Pure numbers will be treated as px
2. Strings with units, e.g. "700px", "70rem"

Inverted Color Scheme

Default is black background with white text. Set inverted:true to reverse colors (white background with black text).