New to Kendo UI for VueStart a free 30-day trial

Implement a Lightbox with the Kendo UI for Vue ScrollView

Updated on Nov 20, 2025

Environment

Product Version7.0.1
ProductProgress® 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

In this article
EnvironmentDescriptionSolutionSee Also
Not finding the help you need?
Contact Support