Dialog / Resizable

Blazor Dialog Example - Resizable Functionality

Loading Syncfusion Blazor Server Demos…

This sample demonstrates how to resize the Blazor Dialog component in all directions. To resize the modal Dialog, select and resize it using its handle (grip) or hover on any edges or borders of the Dialog. The "Open" button is used to reopen the Dialog if it is closed.

Users can create resizable modal Blazor Dialog by setting the EnableResize property to true, which enables users to change the Dialog size dynamically and view its content in expanded mode. The ResizeHandles property can be configured to specify the directions in which the Dialog should resize. When you configure the Target property along with EnableResize property, the Dialog can be resized within its specified target container.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE