All topics

how can i style the file uploader?

Vizualinx

4 months ago

i would love to to like design my own button and have an action on it that would open the file manager app.
how can i do something like that?
needtheanswers

4 months ago

You can use the html attributes for this.
You would give the actual file uploader an id of „example“ and the custom button the attribute „for“ „example“ . Last you can hide the actual file uploader because when you click on your custom button it triggers the file uploader
needtheanswers

4 months ago

oh but I forgot to mention, the custom button needs to be a label (tag label) for this to work
file uploader
your custom button:
needtheanswers

4 months ago

and with hide I mean display none, if you use show/hide it won´t work
Vizualinx

4 months ago

Thank you so much @needtheanswers . it worked!!
@Vizualinx
Thank you so much @needtheanswers . it worked!!
needtheanswers

4 months ago

You are welcome, happy to hear that 🙂
❤️1
Lucas G

4 months ago

@needtheanswers @Vizualinx just a heads up on this, the proper way to hide it is with something like:

opacity: 0
position: absolute
z-index: -1
👍2
Lucas G

4 months ago

Primary reason being accessibility
Also if you use the input in a form and you use display: none or visibility: hidden it will not submit properly
@Lucas G
@needtheanswers @Vizualinx just a heads up on this, the proper way to hide it is with something like:

opacity: 0
position: absolute
z-index: -1
needtheanswers

4 months ago

Thanks for the correction 👍
👍1

how can i style the file uploader?

Vizualinx

needtheanswers

needtheanswers

needtheanswers

Vizualinx

needtheanswers

Lucas G

Lucas G

needtheanswers

Stop scrolling. Start building.

Chat with @team-toddle

Video call our CEO

Get in touch!

Product

Company

Resources

Community