Upload Browse Button format

  • Profile Image
    businet
    Asked 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?

  • Profile Image
    jeanettebmz
    Answered 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

    Jeanette

  • Profile Image
    abajan
    Answered 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.

  • Profile Image
    abajan
    Answered 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.

  • Profile Image
    businet
    Answered on May 03, 2012 at 12:56 AM
    Thanks 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?

  • Profile Image
    abajan
    Answered 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)

  • Profile Image
    aytekin
    Answered 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. 

  • Profile Image
    businet
    Answered on May 04, 2012 at 02:21 AM
    This is not mine.

  • Profile Image
    jonathan
    Answered on May 04, 2012 at 02:34 AM

    @businet,

    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.