blazor-devexpress-dot-blazor-dot-dxflyout-ee81ea89.md
Specifies the flyout window’s width.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[Parameter]
public string Width { get; set; }
| Type | Description |
|---|---|
| String |
The width, in CSS units.
|
Use the Height and Width properties to specify the size of the flyout window.
<DxButton Id="targetButton" Click="() => IsOpen = !IsOpen">Show a flyout window</DxButton>
<DxFlyout @bind-IsOpen=IsOpen PositionTarget="#targetButton" Width=400
BodyText="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
HeaderVisible="true" HeaderText="Header" HeaderCssClass="header-footer-style"
FooterVisible="true" FooterText="Footer" FooterCssClass="header-footer-style">
</DxFlyout>
@code {
bool IsOpen { get; set; } = false;
}
.header-footer-style {
font-style: italic;
}
See Also