Is there anyway to improve how a form looks on mobile?

  • crich8
    Asked on May 16, 2019 at 3:31 PM

    My Jotform on mobile is not acceptable, is there anyway to improve how this form looks on mobile?

  • zuritapia
    Replied on May 16, 2019 at 5:03 PM

    Hi @crich8!

    We can certainly help you with achieving the Mobile look you would like. Can you please provide us with more information as to how you would like your form yo look like on a Mobile device?

    Can you also provide us with the URL to your form?

  • crich8
    Replied on May 20, 2019 at 9:43 AM
    Here is my link: https://www.jotform.com/crich8/tas
    I need my quiz to load faster on my site and I need the "Next" buttons to
    be more intuitive for the user. Also, I need this to be a multistep form.
    Thanks,
    Connor
    ...
  • Richie JotForm Support
    Replied on May 20, 2019 at 10:37 AM

    If you want to create a multi-page form, you would need to convert your current form into the Classic Form.

    Go to your  Form Builder>Settings>Form Settings> Form Layout and change it to All questions in One Page.

    Is there anyway to improve how a form looks on mobile? Image 1 Screenshot 20

    Here is a guide on creating a mutli-page form .

    https://www.jotform.com/help/119-How-to-Create-Multi-Page-Forms

    Please give it a try and let us know if this fits your requirements.

  • crich8
    Replied on May 20, 2019 at 10:43 AM

    I already have a multi-step form, I just need it to perform well on mobile.
    As of now, it is unacceptable for mobile. How do I make it better for
    mobile?
    ...

  • Richie JotForm Support
    Replied on May 20, 2019 at 11:04 AM

    All our form are mobile responsive. The Card Forms next button cannot be edited  as we cannot use CSS on Card Forms.

    You may try using other themes and custom images for the Card Form.

    Is there anyway to improve how a form looks on mobile? Image 1 Screenshot 20

    If you want to edit your form with CSS, you may try the classic form.

    May we know how you want your form to show in your web page?



  • crich8
    Replied on May 20, 2019 at 11:43 AM
    My current Jotform loads way to slow, I want it to be fast, less empty
    space and I want it more obvious for the user to hit the Next button.
    ...
  • crich8
    Replied on May 20, 2019 at 11:43 AM
    To clarify, I am using the embed code on my Instapage, this might be why it
    loads so poorly. Anyway to make it better?
    ...
  • Richie JotForm Support
    Replied on May 20, 2019 at 11:57 AM

    Can you please share to us your page in Instagram?

    May we know what embed code you're using?

    You may try embedding your form in an Iframe.

    Here is a guide:https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code


  • crich8
    Replied on May 20, 2019 at 12:43 PM
    Here are my two jotform pages embedded into Instapage.
    I am using the standard embed.
    https://form.legalhelpdesks.com/jottest
    https://form.legalhelpdesks.com/Calculator
    The first is using a mobile theme and it loads very fast but it doesn't
    look as pretty and the font and buttons are too small. The second is using
    the standard theme and it is very pretty but loads way to slow, has wasted
    white space and the next buttons are not obvious.
    How do I combine the best of these two themes?
    ...
  • Richie JotForm Support
    Replied on May 20, 2019 at 1:11 PM

    I can't seem to load the 1st link you have shared.

    For the second link, you're using the card form.

    May we know if you're referring to this form for the 1st link?

    If you're using the classic form, we can edit the font and buttons using CSS.

    However, it is not possible for Card Forms to edit with CSS.

    Looking forward for your response.


  • crich8
    Replied on May 20, 2019 at 1:43 PM
    Yes, that is the form. Here is the fixed link:
    https://form.legalhelpdesks.com/jotform
    We have decided to use this form because it loads much faster.
    How would I make the fonts bigger for this form?
    ...
  • Welvin Support Team Lead
    Replied on May 20, 2019 at 2:03 PM

    You can change the font size in the designer > Styles tab. See below image:

    15583753582019 05 21 007 Screenshot 10

    The option will change the size of the overall font in the form. If you need to change the font size of a specific text, that needs to be done with custom CSS codes. We can help you do this. We only need which part you'd like to adjust. 

  • crich8
    Replied on May 20, 2019 at 2:43 PM
    How do I make the answers bigger and spaced out? I want people to be able
    to choose the answer they want without accidentally hitting the other
    answer because they are too small and close to each other.
    ...
  • Welvin Support Team Lead
    Replied on May 20, 2019 at 2:55 PM

    Your form is set up with multiple pages using page breaks. You have one field per page. Can you please be more specific of what field to adjust? Please note that the selections such as dropdown will appear as a list on mobile devices. The layout, as far as I know, is standard, and cannot be changed. 

    I'm referring to this layout:

    15583784412019 05 21 010 Screenshot 10

    Pics Credit to Mobiscroll Blog

    If you can send us a screenshot of the issue, that would be better. To send us a screenshot, you need to access this thread as per the instructions in the guide below:

    https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum 

  • crich8
    Replied on June 3, 2019 at 10:43 AM
    Hi,
    My JotForm really buggy right now and it is unusable. I need immediate
    assistance. I am spending hundreds of dollars on Facebook campaigns that
    are sending to this form I need this fixed ASAP. Please help. The form that
    is bugged is Mobile Form. The answers are overlapping each other.
    Connor
    ...
  • Richie JotForm Support
    Replied on June 3, 2019 at 11:56 AM

    We are sorry for the inconvenience. May we know if you're still referring to the form in this web page https://form.legalhelpdesks.com/jotform?

    Or are you referring to another Form?

    Can you please share to us the form and the web page you have embedded the form?

    May we know what mobile device are you using to test the form?

    We will wait for your response.

  • crich8
    Replied on June 3, 2019 at 12:43 PM
    Hi,
    Here is the form link: https://form.jotform.com/91356208243151
    The link you have is the one I am currently using where I embedded this
    form.
    I was able to fix the initial problem I had after some serious bugs with
    the form editor. But now I want my Yes and No questions to be in 2 columns.
    I believe they used to be in columns and were switched back to one. I have
    set it to 2 columns in the editor I think it is just bugged right now.
    Please see if you can fix this and help me optimize this form to look and
    feel better. I can't seem to get the padding right on each part of the form
    to make it easy for the user to fill it out.
    Connor

    ...
  • crich8
    Replied on June 3, 2019 at 12:43 PM
    Also, how do I make the answers bigger? I want the user to easily tap the
    answer they want.
    ...
  • crich8
    Replied on June 3, 2019 at 2:43 PM
    How can I integrate Jornaya into JotForm?

    ...
  • Richie JotForm Support
    Replied on June 3, 2019 at 4:32 PM

    I have moved your questions to different threads to assist you better.

    For your question regarding your form, kindly follow this link:https://www.jotform.com/answers/1844959

    For your question regarding Jornaya, here is the link:https://www.jotform.com/answers/1844960

    Thank you.