How to make Short Scrollable Terms Widget mobile responsive?

  • Profile Image
    asapcarparts
    Asked on March 02, 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

     

  • Profile Image
    Ben
    Answered on March 02, 2015 at 01: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

  • Profile Image
    asapcarparts
    Answered on March 02, 2015 at 02: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.

  • Profile Image
    Sean
    Answered on March 02, 2015 at 03: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