1 (edited by Ralph 2024-09-06 07:14:41)

Topic: Style a File Browse/Upload button

Hi

I am using WebPlus X8 and can see there is an option to insert a File Upload button via Insert > Form > File Upload.

I would like to use my own button or icon to have this function, but have no idea how to go about it.

There is a page at Codrops called Styling & Customizing File Inputs the Smart Way

https://tympanus.net/codrops/2015/09/15 … -smart-way

Thank you.

Ralph.

Re: Style a File Browse/Upload button

Describe or show an image of what you want your button to look like.

Joe

I used to be indecisive, now I'm not so sure.

3 (edited by Ralph 2024-09-09 20:04:21)

Re: Style a File Browse/Upload button

Describe or show an image of what you want your button to look like.

I wonder if it could be done with one of the navigation buttons such as those found in Assets?

Thanks for your reply.

Re: Style a File Browse/Upload button

Generaly, the upload button is a form input button you can style to look like a nav button in colour, font and size only.

The label on the button (Browse / Choose file / No file Chosen) is determined by the browser. It can be coded to hide the original button and overlay it with a button of your own design but it's best to keep things simple.

Is something like this OK?


https://i.postimg.cc/30NqxgJw/upload-Button.jpg

I used to be indecisive, now I'm not so sure.

Re: Style a File Browse/Upload button

Is something like this OK?

Yes, that would be OK.

Re: Style a File Browse/Upload button

Ralph wrote:

Is something like this OK?

Yes, that would be OK.

See the attached file which also contains instructions.

Please ask if you need help.

Joe

Post's attachments

uploadButtonDemo.wpp 25.51 kb, 1 downloads since 2024-09-10 

You don't have the permssions to download the attachments of this post.
I used to be indecisive, now I'm not so sure.

Re: Style a File Browse/Upload button

See the attached file which also contains instructions.

Great! Thank you for your help, Joe.