DxFlyout.Offset Property

Specifies the window’s offset.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

[Parameter]
public int? Offset { get; set; }

Property Value

The offset in pixels.

|

Remarks

Use the PositionTarget and Position properties to specify the position where the flyout window appears. The Offset property allows you to offset the window relative to the selected position.

• For the top and bottom positions, this property specifies the horizontal offset.
• For the left and right positions, this property specifies the vertical offset.

<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"
            Offset="70">
</DxFlyout>

@code {
    bool IsOpen { get; set; } = false;
}

See Also

DxFlyout Class

DxFlyout Members

DevExpress.Blazor Namespace