Custom CSS for Configurable list widget so that fields fit?

  • Profile Image
    ysmeninternational
    Asked on January 19, 2017 at 07:07 AM

    I understand that the items must fit on line in the configurable list widget but I am experiencing difficulty creating the proper CSS so that these lists in my form comply. Can you assist? Thanks.

  • Profile Image
    Charlie
    Answered on January 19, 2017 at 08:49 AM

    Hi,

    I see that you have a number of Configurable list widgets on your form. Some of them exceeds the form's width. We can adjust the length of the width, however, that will make the inputs narrower? You could instead increase the form's width.

    You can open your Form Designer Tool and adjust the form's width there, here's a screenshot of it:

     

    Adjust the form width between 700-800, that would be enough to cover everything and not exceed on the main form's frame.

    If you are referring to how the configurable list widget could be more mobile responsive, then that may be a different concern. But if that's your primary concern, please let us know.

    Thank you.

  • Profile Image
    ysmeninternational
    Answered on January 19, 2017 at 02:20 PM

    Thank you. Ideally, I would like to have it mobile friendly, although not necessary. Is there a way to set the dates in the configurable list to appear as numbers instead of written out. This would save some space.

  • Profile Image
    BDAVID
    Answered on January 19, 2017 at 04:36 PM

    Unfortunately, the configurable list is a widget that does not fit well in mobile devices due to it's width. Also, the way the date is displayed ca not be changed to numbers.