How to make Short Scrollable Terms Widget mobile responsive?

  • asapcarparts
    Asked on March 2, 2015 at 11:57 AM

    Is it possible to make this widget mobile responsive? Right now, when viewing on mobile, the text gets cut off. see image below

     

    How to make Short Scrollable Terms Widget mobile responsive? Image 1 Screenshot 20

  • Ben
    Replied on March 2, 2015 at 1:07 PM

    I would suggest trying to add this CSS code to see if that helps with the widget on mobile devices:

    #iframeID {
        width: 100% !important;
    }

    I presume that the issue is with this jotform: http://form.jotformpro.com/form/50555845387971

    so the code there would look like this:

    #customFieldFrame_52 {
        width: 100% !important;
    }

    To have all of them applied the same code this is what we would end up with:

    #customFieldFrame_48, #customFieldFrame_52, #customFieldFrame_62 {
        width: 100% !important;
    }
    #cid_48, #cid_52, #cid_62 {
        width: 100%;
    }

    I have added the second part of the CSS rule since it might look a bit better with it.

    Do test and let us know how it goes.

    You can see here how to add it to your jotform: Inject Custom CSS Codes

  • asapcarparts
    Replied on March 2, 2015 at 2:47 PM

    That worked great!

    Would it be possible to do this with the Draw on Image widget?

     

    I tried myself on this form, but did not have any luck.

  • Sean
    Replied on March 2, 2015 at 3:17 PM

    In my colleague's name, you are most welcome for the assistance offered.

    I transferred your new inquiry to a different thread for it to be handled separately. You can post new updates on this issue here: http://www.jotform.com/answers/525564 

    We will address your concerns shortly.

    Thanks