DropDown
- 2 minutes to read
The DropDown component allows you to create a drop-down window in your Blazor application.
API Reference
Refer to the following list for the component API reference: DxDropDown Members.
Features
DropDown Content and Appearance
The drop-down window consists of the header, body, and footer elements. The header and footer are initially hidden. Set the HeaderVisible and FooterVisible properties to true to display these elements.
HeaderText, BodyText, and FooterText properties specify the text in the DropDown elements. You can also apply custom CSS rules to DropDown elements: use BodyCssClass, HeaderCssClass, and FooterCssClass properties. To add custom content, use templates.
Relative Position
Use the PositionMode property to specify the DropDown position relative to a target element or to a rectangle object.
Automatic Position Adjustment
The DropDown can recalculate its position in response to page layout changes (for instance, when a user scrolls or resizes the page). Use the RestrictionMode property to restrict the DropDown position and the FitToRestriction property to specify whether the DropDown can overlap restriction boundaries.
Resize
Enable the AllowResize option to allow users to change the component size. When enabled, the component displays a size grip. Users can drag it to change the drop-down window’s width and height.
Localization
The DropDown component’s UI elements such as labels, context menus, and error messages are displayed in English. Localization automatically adapts the component to the user’s preferred language.
DevExpress components include predefined satellite resource assemblies for German, Spanish, and Japanese. Use the DevExpress Localization Service to create and download a custom set of satellite assemblies, and modify resources.