Implement a Lightbox with the KendoReact ScrollView

Updated on Nov 20, 2025

Environment

Product Version	13.0.0
Product	Progress® KendoReact ScrollView

Description

How can I implement a lightbox-style image viewer using the KendoReact ScrollView? Specifically, 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 KendoReact Dialog component to contain a ScrollView that displays full-size images, while maintaining synchronization with a thumbnail gallery built with ListView.

Change Theme

Theme

Loading ...

See Also

• ScrollView Overview
• Dialog Overview
• ListView Overview