DxFlyout.Id Property
In This Article
Specifies the control’s unique identifier.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
C#
[Parameter]
public string Id { get; set; }
#Property Value
Type | Description |
---|---|
String | The control identifier. |
#Remarks
You can use the Id
property to reference the DxFlyout control from the element that triggers the flyout. Set the trigger element’s aria-describedby
attribute to the Id
property value to allow a screan reader to read flyout content when the trigger element is focused.
razor
<div id="flyout-overview-target-container">
<DxButton aria-describedby="flyout" Click="() => IsOpen = !IsOpen">
SHOW A FLYOUT
</DxButton>
</div>
<DxFlyout
Id="flyout"
@bind-IsOpen=IsOpen
PositionTarget="#flyout-overview-target-container"
HeaderVisible="true"
HeaderText="Header"
BodyText="@Constants.Content"
Width="max(25vw, 250px)">
</DxFlyout>
@code {
bool IsOpen { get; set; } = false;
}
See Also