Jump to content

Welcome, Guest!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

Wartin

How to change text in INPUT tags

Recommended Posts

Hello. I'm trying to change the text that appears in buttons to browse for files, for example in Customization files and in Contact form.

It says 'Browse...' and 'no file selected'. In translations I see those strings, and they are translated.

I centered the button using CSS, because it didn't fit the square before that. I'm using Niara.

 

Thanks!

Captura de pantalla -2020-05-31 19-36-22.png

Share this post


Link to post
Share on other sites

Hi, I'm still trying to change these buttons. Do you see the same browser button in Niara?

I saw others themes that show a nice button with custom text.

Thanks!

Share this post


Link to post
Share on other sites

It's hard / next to impossible to adjust UI of html input file field. There's no cross-browser compatible way to do this, as far as I know.

However, there exist a lot of libraries that handles this issue by rendering input field as hidden element, and doing the UI manually. For example https://www.dropzonejs.com/. It should be fairy easy to modify template and replace input file fields with the js implementation

  • Thanks 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...