DxTimeEdit<T>.ShowDropDownButton Property

Specifies whether the Time Edit displays the built-in button that invokes a time picker.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

[DefaultValue(true)]
[Parameter]
public bool ShowDropDownButton { get; set; }

Property Value

true to show the drop-down button; false to hide the button.

|

Remarks

The DxTimeEdit<T> component shows the built-in drop-down button that invokes a time picker. You can set the ShowDropDownButton property to false to hide this button.

You can also add a custom drop-down button to the Time Edit:

1. Add the <Buttons></Buttons> tag to the component’s markup to define the Buttons collection.
2. Add a DxTimeEditDropDownButton object.
3. Set up button properties to customize the button:

• CssClass
• Position
• Enabled
• and so on

The following code snippet hides the built-in drop-down button, adds a new drop-down button, and specifies its position.

<DxTimeEdit Time="DateTime.Today.TimeOfDay" ShowDropDownButton=false>
    <Buttons>
        <DxTimeEditDropDownButton Position="EditorButtonPosition.Left"/>
    </Buttons>
</DxTimeEdit>

See Also

DxTimeEdit<T> Class

DxTimeEdit<T> Members

DevExpress.Blazor Namespace