Example of Resizable in Blazor Dialog Component

Dialog / Resizable

This sample demonstrates how to resize the operation of the Blazor Dialog component in all directions. To resize the modal Dialog, select and resize a Dialog using its handle (grip) or hover on any of the 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 is used to change the size of a Dialog dynamically and view its content with expanded mode. The ResizeHandles property can also be configured for which directions 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
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE