Class UploaderButtons

Customize the default text of browse, clear, and upload buttons with plain text.

Inheritance
System.Object
SfBaseComponent
UploaderButtons
Inherited Members
Namespace: Syncfusion.Blazor.Inputs
Assembly: Syncfusion.Blazor.dll
Syntax
public class UploaderButtons : SfBaseComponent
Remarks

The UploaderButtons component allows you to customize the text displayed on the browse, clear, and upload buttons of the SfUploader component. This provides flexibility to localize button text or customize the user interface to match application requirements.

Examples

The following example demonstrates how to customize uploader button text.

<SfUploader ID="UploadFiles">
    <UploaderButtons Browse="Select Files" Clear="Remove All" Upload="Start Upload"></UploaderButtons>
</SfUploader>

Constructors

UploaderButtons()

Declaration
public UploaderButtons()

Properties

Browse

Specifies the text or HTML content to be displayed on the browse button.

Declaration
public string Browse { get; set; }
Property Value
Type Description
System.String

A string representing the text or HTML content for the browse button. The default value is "Browse...".
Remarks

The browse button is used to open the file selection dialog. You can customize this text to match your application's localization requirements or user interface theme. HTML content is supported, allowing you to include icons or formatted text within the button.

Examples

The following example demonstrates how to customize the browse button text.

<UploaderButtons Browse="Select Files"></UploaderButtons>

Clear

Specifies the text or HTML content to be displayed on the clear button.

Declaration
public string Clear { get; set; }
Property Value
Type Description
System.String

A string representing the text or HTML content for the clear button. The default value is "Clear".
Remarks

The clear button is used to remove all selected files from the uploader before upload. This button appears when files are selected and provides users with the ability to reset their file selection. HTML content is supported, allowing you to include icons or formatted text within the button.

Examples

The following example demonstrates how to customize the clear button text.

<UploaderButtons Clear="Remove All"></UploaderButtons>

Upload

Specifies the text or HTML content to be displayed on the upload button.

Declaration
public string Upload { get; set; }
Property Value
Type Description
System.String

A string representing the text or HTML content for the upload button. The default value is "Upload".
Remarks

The upload button is used to initiate the file upload process for all selected files. This button becomes active when files are selected and the uploader is configured for manual upload mode. HTML content is supported, allowing you to include icons or formatted text within the button.

Examples

The following example demonstrates how to customize the upload button text.

<UploaderButtons Upload="Start Upload"></UploaderButtons>

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Type Name Description
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder __builder