Implement a Lightbox with the Kendo UI for Vue ScrollView

Updated on Nov 20, 2025

Environment

Product Version	7.0.1
Product	Progress® Kendo UI for Vue ScrollView

Description

How can I implement a lightbox-style image viewer using the Kendo UI for Vue ScrollView? I need to:

• Display a gallery of thumbnail images that users can click to open in a larger view
• Show the full-size images in a Dialog with navigation between images
• Keep the ScrollView and thumbnail gallery in sync when users navigate

Solution

Use the Kendo UI for Vue Dialog component to contain a ScrollView that displays full-size images, while maintaining synchronization with a thumbnail gallery built with ListView.

The following example demonstrates this approach in action:

Change Theme

Theme

Loading ...

See Also

• Kendo UI for Vue ScrollView Documentation
• Kendo UI for Vue Dialog Documentation
• Kendo UI for Vue ListView Documentation