DxPopup.ResizeCompleted Event

Fires after the Popup is resized.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public EventCallback<PopupResizeCompletedEventArgs> ResizeCompleted { get; set; }

Event Data

The ResizeCompleted event's data class is PopupResizeCompletedEventArgs. The following properties provide information specific to this event:

Property	Description
CancellationToken	Specifies an object that propagates a cancellation notification.
Size	Returns the Popup’s size after the resize operation.

Remarks

When the AllowResize property is set to true, users can resize the Popup. Handle the ResizeCompleted event to be notified when a user resizes the component. The event argument’s Size parameter returns the new Popup size.

The following example reduces the Popup’s width if the Width property value is greater than 600 pixels after it is resized:

<div @onclick="@(() => PopupVisible = true)">
    <p>CLICK TO SHOW A POP-UP WINDOW</p>
</div>

<DxPopup @bind-Visible="@PopupVisible"
         HeaderText="Header"
         BodyText="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet metus vel
                   nisi blandit tincidunt vel efficitur purus. Nunc nec turpis tempus, accumsan orci auctor,
                   imperdiet mauris. Fusce id purus magna."
         AllowResize="true"
         ResizeCompleted="ResizeCompleted"
         Width="@Width"
         Height="@Height">
</DxPopup>

@code {
    bool PopupVisible { get; set; } = false;
    string? Width = "400px", Height = "200px";
    void ResizeCompleted(PopupResizeCompletedEventArgs args) {
        Width = $"{Math.Min(args.Size.Width, 600)}px";
    }
}

Handle the ResizeStarted event to be notified when a user starts to resize the component.