PopupDragCompletedEventArgs.Start Property
Returns the Popup’s position before a drag-and-drop operation.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v23.2.dll
NuGet Package: DevExpress.Blazor
Declaration
public Point Start { get; }
Property Value
Type | Description |
---|---|
Point | The initial 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);
}
}
See Also