Image Upload Preview Widget / Buttons customization

  • Profile Image
    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 !

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

  • Profile Image
    portraitkanrisha
    Answered on February 15, 2018 at 12:37 PM

    Thank you for your help ! :) Exactly what I was looking for ! 15187161822.JPG

    Okay regarding the Alt Tags.