How can i make this widget responsive, it looks weird.

  • bcrogue
    Asked on April 8, 2015 at 9:03 PM

    Hi Jotformers,
    I got a problem when i was trying the form on my iphone.

    I think these 2 widgets are not mobile responsive :(. Is it possible to fix it ?.

    How can i make this widget responsive, it looks weird Screenshot 20

    The first widget : RESERVA YA ! doesn't fit on my iphone and it looks unatracttive, then the "60 disponibles" text doesn't fit well in the chart.

     

    Thanks,

     

    Ando

     

  • jonathan
    Replied on April 9, 2015 at 12:43 AM

    Hi Ando,

    Please review first the user guide:  -How-to-make-forms-Mobile-Responsive

    And I suggest adding the Mobile Responsive Widget on your form.

    How can i make this widget responsive, it looks weird Screenshot 30

    I applied this changes on my test form http://www.jotformpro.com/form/50981078894975

    and it was able to display properly on mobile browser.

    How can i make this widget responsive, it looks weird Screenshot 41

     

    Let us know if you need further assistance.

    Thanks.

     

     

  • bcrogue
    Replied on April 9, 2015 at 1:23 AM

    Hey,
    How did you do that! ?, i tried on my phone your test form and it didn't work out.
    This is yours.

    How can i make this widget responsive, it looks weird Screenshot 30

     

    And this is mine,( I added the mobile widget and changes Yes to Responsive on the preferences tab )

     

    How can i make this widget responsive, it looks weird Screenshot 41

     

    I don't really know what's going on seriously, i'm so confused. :(

     

  • jonathan
    Replied on April 9, 2015 at 2:40 AM

    Please check again.

    I did a minimal modification on your jotform http://www.jotform.com/41762225516654

    by shrinking the Header field using its shrink/expand property

    How can i make this widget responsive, it looks weird Screenshot 30

    when I checked your form now using an Iphone 5 emulator, the header field/text now view responsively.

    How can i make this widget responsive, it looks weird Screenshot 41

     

    Let us know of the results.

    Thanks.