DxDropDownBox.DropDownCssClass Property

Specifies the name of the CSS class applied to the editor’s drop-down window.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public string DropDownCssClass { get; set; }

Property Value

Type	Default	Description
String	null	The CSS class name.

Remarks

To define the appearance of the DxDropDownBox‘s drop-down window, assign a CSS class name to the DropDownCssClass property.

<style>
    .ddBox {
        max-width: 480px;
        width: 100%;
    }
    .myClass {
        height: 150px;
        font-style: italic;
    }
</style>

<DxDropDownBox @bind-Value="Value" QueryDisplayText="QueryText"
                DropDownCssClass="myClass"
                CssClass="ddBox">
    <DropDownBodyTemplate>
        <DxListBox Data="@ListBoxData" TData="Employee" TValue="Employee"
                    Values="@(GetListBoxValues(context.DropDownBox))"
                    ValuesChanged="@(values => ListBoxValuesChanged(values, context.DropDownBox))"
                    TextFieldName="@nameof(Employee.Text)"
                    SelectionMode="ListBoxSelectionMode.Multiple"
                    ShowCheckboxes="true"
                    CssClass="templateListbox" />
    </DropDownBodyTemplate>
</DxDropDownBox>

For more information, refer to the following topic: CSS Classes.

Implements

DropDownCssClass