DevExpress Blazor Editors display built-in command buttons that allow users to open a dropdown, increase/decrease values, or clear editor content as needs dictate. You can use Show***Button properties to hide these buttons.
You can also customize built-in editor command buttons or add custom buttons to editors.
The following built-in buttons are available:
- DxComboBoxDropDownButton — Invokes a drop-down menu in the DxComboBox component.
- DxDateEditDropDownButton — Invokes a drop-down calendar in the DxDateEdit component.
- DxDropDownBoxDropDownButton — Invokes a drop-down window in the DxDropDownBox component.
- DxSpinButtons — Spin buttons that allow you to increase and decrease the value in the DxSpinEdit component.
- DxTimeEditDropDownButton — Invokes a drop-down time picker in the DxTimeEdit component.
The following button types are available for DxComboBox, DxDateEdit, DxMaskedInput, DxDropDownBox, DxSpinEdit, DxTextBox, and DxTimeEdit components:
- DxEditorButton — A custom button.
Buttons are displayed in an editor in the following order:
- The "Clear" button
- Custom buttons and customized default buttons (in the same order as they appear in markup)
- Built-in buttons
This demo adds buttons to different editors as follows:
- ComboBox — "Add Employee" button
- SpinEdit — "Currency" button
- SpinEdit — "Large Increment" button
- DateEdit — "Next Date" and "Previous Date" buttons
- MaskedInput — "Send Email" button