DxFlyout.Distance Property
In This Article
Specifies the distance between the flyout window and its target element.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
C#
[Parameter]
public int? Distance { get; set; }
#Property Value
Type | Description |
---|---|
Nullable<Int32> | The distance in pixels. |
#Remarks
The PositionTarget property specifies the UI element relative to the flyout window’s position. Use the Distance
property to specify the distance between the flyout window and its target element.
Razor
<DxButton Id="show-flyout" Click="() => IsOpen = !IsOpen">Show a flyout window</DxButton>
<DxFlyout @bind-IsOpen="@IsOpen" Width="210"
BodyText="Lorem ipsum dolor sit amet"
PositionTarget="#show-flyout"
Position="FlyoutPosition.BottomStart"
Distance="30">
</DxFlyout>
@code {
bool IsOpen { get; set; } = false;
}
See Also