How to make Checklist widget mobile responsive

  • kauseway
    Asked on July 2, 2016 at 12:10 AM

    Is there a way to better format the checklist widget. It is not responsive on mobile:

     

    https://form.jotform.com/61828594718167

  • kauseway
    Replied on July 2, 2016 at 1:19 AM

    There is acutal a tab to inject css but not sure what to add.

  • Boris
    Replied on July 2, 2016 at 6:42 AM

    The ID of the Checklist widget on your form is #customFieldFrame_9 so I would recommend adding the following custom CSS to your form:

    #customFieldFrame_9 { width: 99% !important; }

    You can add the above CSS to your form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    It should make the Checklist widget correctly mobile responsive, as depicted in the following screenshot:

    How to make Checklist widget mobile responsive Image 1 Screenshot 20

    Please let us know should you need any further assistance, we're here to help.