How to add Line break in the image lable using the Image Picker widget?

  • Profile Image
    nativecraftsupplies
    Asked on November 16, 2017 at 03:51 PM

    undefinedundefined

    Hi, i would like to know how i can add line break with the image picker. Also, because of the length of certain labels some images are pushed to another row. 


    Is there a way to fix this?


    Thanks 

  • Profile Image
    BDAVID
    Answered on November 16, 2017 at 05:10 PM

    Yes you can add the line break on the labels, you just need to add the html tag <br> before the letter where you want to break the label, example:

    1510870181linebreak.png

    Let us know if you need more help.

  • Profile Image
    nativecraftsupplies
    Answered on November 20, 2017 at 10:58 AM

    Unfortunately, This method only works when you are building the form. When you go in preview mode, the line break is erased.

  • Profile Image
    Jan
    Answered on November 20, 2017 at 12:38 PM

    I can verify that HTML tags are no longer supported in the widget labels. I have tested this in Image Picker widget and Image checkboxes widget.

    If you want, you can use non-breaking space (&nbsp;) on the labels. Here's a screenshot:

    151119928511-21-eevr3.png

    You may also increase the width of the widget in the Properties. In this way, the width of each option will also increase.

    151119932111-21-iw43w.png

    Hope that helps. If you need further assistance, please let us know. Thank you.