Customized upload button in react js

1 Answer 513 Views
Upload
Saranya
Top achievements
Rank 1
Iron
Saranya asked on 02 Aug 2021, 03:34 PM

I have one normal button trying to implement customized upload button  when click import button one popup should be opened to select file ones file selected should be saved in share path and need to validate each cell and add in db table .

Kindly suggest any solution for customized upload button

<button id='btnImport' className='k-button k-button k-button-Blue'> {" "} Import{" "}      </button>

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 03 Aug 2021, 05:20 AM

Hello, Saranya,

We have a component that this already made. It is called Upload and comes with many features out of the box:

https://www.telerik.com/kendo-react-ui/components/upload/

I hope this component proves helpful.

Regards,
Stefan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Saranya
Top achievements
Rank 1
Iron
commented on 03 Aug 2021, 02:53 PM

I have Ui with button type 

<button id='btnImport' className='k-button k-button k-button-Blue'> {" "} Import{" "}      </button> 

also need to be customized for upload button

Stefan
Telerik team
commented on 04 Aug 2021, 10:21 AM

Currently, we only have the Upload component that can be used to upload files on a button click.

If you have a different requirement, please share some images of what is required and we will advise if this is possible with any of the KendoReact components.

Saranya
Top achievements
Rank 1
Iron
commented on 05 Aug 2021, 06:02 AM

I have  UI button like 

when clicking should open popup to load files and validate.

Stefan
Telerik team
commented on 05 Aug 2021, 06:37 AM

In case, only a button is needed, not other parts of the UI for the Upload like a list of files, status, etc, we can suggest using a standard input type file DOM element. Then that element can be styled with CSS as shown here:

https://stackoverflow.com/questions/572768/styling-an-input-type-file-button
Tags
Upload
Asked by
Saranya
Top achievements
Rank 1
Iron
Answers by
Stefan
Telerik team
Share this question
or