DxWindow.AllowDrag Property
Specifies whether users can drag the Window.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v23.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(true)]
[Parameter]
public bool AllowDrag { get; set; }
Property Value
Type | Default | Description |
---|---|---|
Boolean | true |
|
Remarks
Set the AllowDrag
property to true
to allow users to drag the Window to a new position.
You can handle the following events to process drag actions:
- DragStarted - Fires when a user starts to drag the Window.
- DragCompleted - Fires after the Window is dragged.
<div class="d-flex justify-content-center p-3" @ref=@popupTarget>
<DxButton RenderStyle="ButtonRenderStyle.Secondary" Click="@TogglePopupVisibilityAsync">@GetButtonText()</DxButton>
</div>
<DxWindow AllowDrag=true
@ref=@windowRef
DragCompleted="OnWindowDragCompleted"
ShowCloseButton="true"
HeaderText="Window"
BodyText="@Constants.Text"
Width="max(25vw, 250px)"
SizeMode="Params.SizeMode"
@bind-Visible="windowVisible">
</DxWindow>
@code {
int? positionX, positionY;
bool windowVisible;
DxWindow windowRef;
ElementReference popupTarget;
async Task OnWindowDragCompleted(WindowDragCompletedEventArgs args) {
(positionX, positionY) = (args.End.X, args.End.Y);
await SavePositionToLocalStorageAsync(args.End);
}
string GetButtonText() => !windowVisible ? "SHOW A WINDOW" : "CLOSE A WINDOW";
}
See Also