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

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


    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?


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


    Let us know if you need more help.

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


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


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