PopupDragCompletedEventArgs.End Property

Returns the Popup’s position after a drag-and-drop operation.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public Point End { get; }

Property Value

Type	Description
Point	The final coordinates.

Remarks

The example below shows how to prevent users from dropping the component outside the browser’s viewport:

<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."
         PositionX="PopupPositionX"
         PositionY="PopupPositionY"
         AllowDrag="true"
         DragCompleted="AfterDrag">
</DxPopup>

@code {
    bool PopupVisible { get; set; } = false;
    int? PopupPositionX { get; set; }
    int? PopupPositionY { get; set; }
    void AfterDrag(PopupDragCompletedEventArgs e) {
        PopupPositionX = Math.Max(0, e.End.X);
        PopupPositionY = Math.Max(0, e.End.Y);
    }
}