DxDropDown.CssClass Property

Specifies the name of a CSS class applied to a drop-down 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 drop-down window.

CSS

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

Razor

<DxButton Id="showDDbtton" Click="() => IsOpenWindow = true">Show a drop-down window</DxButton>

<DxDropDown PositionTarget="#showDDbtton"
            PositionMode="DropDownPositionMode.Bottom"
            @bind-IsOpen="@IsOpenWindow"
            CssClass="my-style"
            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.">
</DxDropDown>

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