DxUpload.ShowSelectButton Property

Specifies whether to show the select button that invokes the open file dialog.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.dll

Declaration

[Parameter]
public bool ShowSelectButton { get; set; }

Property Value

Type Description
Boolean

true, to show the select button; otherwise, false.

Remarks

The Upload displays the Select File button that invokes the open file dialog.

Upload Overview

Set the ShowSelectButton property to false to hide this button. Use the ExternalDropZoneCssSelector and ExternalDropZoneDragOverCssClass to implement drag and drop functionality.

<div id="overviewDemoDropZone" class="card custom-drop-zone jumbotron">
    <svg class="drop-file-icon mb-3" role="img" style="width: 42px; height: 42px;"><use href="#drop-file-icon"></use></svg>
    <span>Drag and Drop File Here</span>
</div>
<DxUpload Name="myFile" UploadUrl="https://localhost:10000/api/Upload/UploadFile/" 
          ExternalDropZoneCssSelector="#overviewDemoDropZone"
          ExternalDropZoneDragOverCssClass="custom-drag-over border-light text-white">
</DxUpload>

Upload Hide Select Button

You can also use the ExternalSelectButtonCssSelector property to implement an external select button.

See Also