- businetAsked on May 02, 2012 at 07:45 PM
You have kindly provided new button templates for submit buttons, but when I insert a file upload button I do not seem to be able to select the same style for the Browse button in the same form. Any way of fixing this?
- jeanettebmzAnswered on May 02, 2012 at 09:51 PM
Yes, the Upload button can be also customized, please follow the following guide
Let us know if you need further assistance
We are always happy to assist
- JotForm SupportabajanAnswered on May 02, 2012 at 11:28 PM
Just to add to my colleague's reply, in case you wanted to use one of the images in our button gallery for the default regular upload button, please have a look at this thread. The image of the button of your choice can be substituted for the one used in my form.
If you wish to use the image on your form's submit button for the browse button, the easiest way I can currently think of to do that would be to temporarily change the submit button's text to "Browse" (or "Send it!"), hit [Print Screen], paste [Ctrl+V] the image into one of the graphics applications on your computer or perhaps an online image editor (of which there are many), crop the screenshot, so that you end up with just the button's image and save it. (Preferably, the image should be saved in the PNG format because of its lossless characteristic, the application of alpha transparency if needed and possibly other advantages). The saved image can then be uploaded as described here, if you intend to use secure as well as non-secure versions of the form.
If you clone my form, you'll see that the second rule in it's injected CSS was used to move the image on top of the upload button. But if you read my third reply in the thread, you'll see that one drawback of using my technique is the file selected by the user isn't shown. As stated in the reply, that's a pretty significant issue. So, I'll leave it to you to weigh the pros and cons of the technique and make a decision. Incidentally, it may be possible to mimic the hover effect of the submit button by including a second image but I haven't explored that possibility as yet.
Unfortunately, styling browse (upload) buttons is no easy task.
- JotForm SupportabajanAnswered on May 02, 2012 at 11:43 PM
I'm not sure if I realized before that the file selected by the user is shown in the tooltip that pops up when the mouse is hovered over the button's image:
So, I guess things look somewhat brighter but this is what happens in Chrome on Windows. I haven't tested other browser/OS combinations.
- businetAnswered on May 03, 2012 at 12:56 AMThanks but would it just be easier if you could pick the same button style for Browse that you can pick for the Submit button. Don't see why we need a convoluted work around?
- JotForm SupportabajanAnswered on May 03, 2012 at 04:40 AM
A ticket with the suggestion will be submitted but I suspect it could be a quite a while before it's implemented. As such, if there's a specific form in which you want to use one of the submit button images for its browse button(s), provide the form's URL or just the ID (the string of digits at the end of the URL) and tell us which image you would like to use and we'll gladly to do it for you. If the image is different to that used for the form's submit button, please use the screenshot below to identify it:
(Click to zoom to actual size if necessary)
- JotForm FounderaytekinAnswered on May 04, 2012 at 02:16 AM
Unfortunately, this is not possible because of browser restrictions.
If you would like to use a button for uploads please choose the "Allow Multiple" option on the form builder and that will make the upload option into a button.
- businetAnswered on May 04, 2012 at 02:21 AMThis is not mine.
- JotForm SupportjonathanAnswered on May 04, 2012 at 02:34 AM
Hi, you were updated on this thread because you were the original poster/creator of the message.
Could that be what your last reply was about?
Please inform us if you meant different otherwise. Thanks.