Image Upload Preview Widget / Buttons customization

  • portraitkanrisha
    Asked on February 15, 2018 at 10:13 AM

    Hello,

    I would like to know if there is any way to customize the "Upload" and "Delete" buttons on the Image Upload Preview Widget.

    I managed to change the style via the .btn class but I wanted to know if there was any way to customize the bin and arrow buttons.

    Also, is there any chance to modify the alt tags that say "Upload" and "Delete"? (for localization purposes)

    Thank you in advance !

    Jotform Thread 1385573 Screenshot
  • John_Benson
    Replied on February 15, 2018 at 12:00 PM

    Just to confirm, do you want to change the image of the Trashcan and the Up Arrow buttons? 

    Is that correct? If yes, please add this custom CSS code to the widget: 

    .btn-delete {

    background: url(insert image link) no-repeat center center;

    }

    .btn-upload {

    background: url(inser image link) no-repeat center center;

    }

    To add custom CSS code to the widget, please follow this guide: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

    If you're referring to editing the Alt Tags, unfortunately, that is not possible. 

    Let us know if you need further assistance.

  • portraitkanrisha
    Replied on February 15, 2018 at 12:37 PM

    Thank you for your help ! :) Exactly what I was looking for ! Image Upload Preview Widget / Buttons customization Image 10

    Okay regarding the Alt Tags.