Displaying form on mobile devices ...

  • Profile Image
    JohnReaves
    Asked on December 01, 2013 at 06:32 PM

    Hi all ...

    It seems I'm one in a bunch of people who are trying to make a form display well on a mobile device. I've tried to follow the instructions on previous forum posts, but so far haven't gotten anything to work. I've made the form width narrow enough, but it continues to display way too much to the right (centered in wide page), rather than aligning left as I'd prefer.  

    http://skillslab.net/2013/12/01/retail-skills-quiz/

    I finally found the CSS to align left, but the form is still not not all the way left on the PC browser page, and not responsive on a mobile phone (actually displays wider than on the PC page).

  • Profile Image
    Welvin
    Answered on December 02, 2013 at 03:15 AM

    Hi,

    I've modified the custom CSS codes to your form - to align it to the left per your webpage settings. Can you please check it with PC browser and mobile? So far, web is fine. 

    Please update us here.

    Thanks

  • Profile Image
    JohnReaves
    Answered on December 02, 2013 at 08:50 AM

    Thanks very much, that seems to have worked!  

    A minor point ... the Arial Black font doesn't seem to show on the iPhone, it's displays there as a serif font (Times?) Is that because the iPhone doesn't support that font? Not sure what Helvetica-type font is support both by Jotform and iOS?

  • Profile Image
    Jeanette
    Answered on December 02, 2013 at 12:27 PM

    If you apply CSS3 codes for fonts, you'll be able to display the font type on browsers that are able to read them. At this point , I'm not quite sure if iPhone does support this. Our forms can. Please take a look at that tutorial, and let us know if further assistance is needed