How to translate the "back" button of the Image Choices widget?

  • Profile Image
    Massier
    Asked on June 08, 2016 at 06:40 AM
    do you have an idea how to translate the "back" button of the image selection widget?
  • Profile Image
    Mike_G
    Answered on June 08, 2016 at 07:52 AM

    There is no option in the widget to translate or change the text of the back button. However, there is a workaround that you can do to update it and change the text of it using CSS code added/applied to the Custom CSS tab of the widget.

    Here's are the codes the you need.

    button.prevOption:before {

        content: "test test test" !important;

        color: black !important;

        position:absolute !important;

        left: 10px !important;

    }

    button.prevOption {

        color: transparent !important;

        position: relative !important;

        opacity:0.5 !important;

        width: 105px !important;

    }

    The following codes above works well if the new back button text is "test test test". (see content property value above)

    However, you will, of course, change it to a different "text" and this will help you in making the text fit in the border box of the button.

    Also, this will help you with positioning the new text and making it appear at the center of the button.

    Here's a sample form: https://form.jotform.com/61592557328969

     

    I hope this helps. Let us know if you need any further assistance. Thank you.

  • Profile Image
    Massier
    Answered on June 08, 2016 at 08:04 AM

    Awesome thank you. It works. 

    Do you have an idea how to remove the complete overview of all choices at the end
    - or make them smaller - e.g. only text ithout pictures

    Many thanks in advance.

  • Profile Image
    Nik_C
    Answered on June 08, 2016 at 10:10 AM

    I checked your CSS of Image choices widget and I saw that results class has additional letter b there:

    Please try to remove that letter and it should hide images from results.

    Let us know if you need further assistance.

    Thank you!

  • Profile Image
    Massier
    Answered on June 08, 2016 at 10:33 AM

    ok, without the "b" everything disapears. But would be great if just the Text will be shown without the images. they take to much room

    thanks in advance

  • Profile Image
    EltonCris
    Answered on June 08, 2016 at 11:55 AM

    Yes, that's possible. Inject this CSS codes within the Image Choices Widget. This should only display the text on the result without its image.

    p.results img,

    p.results br {

        display: none;

    }

    p.results i{

        display:block

    }

    Result:

    Hope this helps!