DxFlyout.Distance Property

Specifies the distance between the flyout window and its target element.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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;
}