How to Center the Clear and Upload Buttons in Blazor File Upload?

The Blazor File Upload component allows for the customization of button alignment within the uploader file list. To center-align the Upload and Clear buttons, you can use the .e-upload .e-upload-actions, .e-bigger.e-small .e-upload .e-upload-actions CSS selector:

CSS Customization

By setting the text-align property to center, you can center-align the Upload and Clear buttons within the File Upload component.

<style>
   .e-upload .e-upload-actions, .e-bigger.e-small .e-upload .e-upload-actions {
       position: relative;
       text-align: center;
   }
</style> 

For a practical demonstration, you can refer to the following sample application that showcases the centered buttons in action:

Blazor Playground Example.

Conclusion
We hope you enjoyed learning how to center the clear and upload buttons in Blazor File Upload.
You can refer to our Blazor File Upload feature tour page to know about its other groundbreaking features, documentation, and how to quickly get started with configuration specifications. You can also explore our Blazor File Upload example to understand how to create and manipulate data.

For current customers, our Blazor components are available on the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to evaluate our Blazor File Upload and other Blazor components.

If you have any questions or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!