DxFlyout.CssClass Property

Specifies the name of the CSS class applied to the flyout window.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string CssClass { get; set; }

Property Value

Type	Description
String	The CSS class name.

Remarks

Assign a CSS class name to the CssClass property to define the appearance of the flyout window.

<style>
    .my-style {
        text-align: center;
        width: 400px;
    }
</style>

<DxButton Id="targetButton" Click="() => IsOpen = !IsOpen">Show flyout</DxButton>
<DxFlyout @bind-IsOpen=IsOpen 
          PositionTarget="#targetButton"
          BodyText="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
            incididunt ut labore et dolore magna aliqua."
          CssClass="my-style">
</DxFlyout>

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