Select theme:

Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.

Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.

The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/

Image previewlink

This guide demonstrates how to display images in DataGrid and how to open a popup from a button in column template.

Create new OData data source with name Northwind and endpoint https://services.radzen.com/odata/Northwind
Start Create New Page wizard, select CRUD Pages template, choose Employee for Page Schema
Set template for Photo column

<img width='50%' height='50%' src='${data.Photo}'>

Create Image page, exclude it from navigation, add load event to invoke getEmployeeById method of the data source with parameter EmployeeID equal to ${parameters.EmployeeID} and set property employee to the result
Drop Image component to Image page, and defined path to ${employee.Photo}
Add new Preview column to the DataGrid with button to open Image page
Run the application