What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Make textbox fit or compressed on smaller devices like android and ios smartphones/tablets

    Asked by BJ2 on April 05, 2016 at 04:29 AM

    Hi again superb JotForm Support Team!

    Please help me make textboxes very fit or compact.

    I hope the view of my very small textboxes will be compressed to each other so that they will look like a calendar design, this is only possible on desktop PCs and NOT on smaller devices. Please HELP...

    Please see the sample perfect textboxes calendar design-like below.
    I hope that it will also show on smaller devices...

    Here's the photos I have using different smartphones and 1 tablet.

    Portrait/vertical view in 5-inch android phone

    Horizontal view in 5-inch android phone

    Horizontal view in iPhone 6

    Horizontal view in 5.2 inch android phone

    This is the view in JotForm Designer...as you can see textboxes are not compressed...

    Here's my form.

    I hope that it will also be possible to compress the textboxes in WordPress page...

    As I've mentioned above, compressed textboxes in my WordPress page is possible only on desktop PCs like the photo below...

    I will wait for your quick and great assistance ever!

  • Profile Image
    JotForm Support

    Answered by Welvin on April 05, 2016 at 05:33 AM

    The form is too complex and the easiest way to fix the alignment would be to move the table boxes for 12:00 to 23:30 to the new line, below the row of 11:30. The table is too wide and won't fit on mobile devices. This needs a major adjustment in the custom CSS codes because they are not in a column in general but only align through field positioning. 

    Example: https://form.jotform.com/60952370966969

    I'll do my best to adjust this and let you know.

  • Profile Image

    Answered by BJ2 on April 05, 2016 at 05:45 AM

    Hi Sir Welvin!
    Thanks for your kind help!

    Does your first suggestion can be perfectly fit in small devices like android and ios smartphones and tablets???

    But does it have special CSS codes to make this really fit and not far apart from each textbox when viewing on smartphones and tablets in WordPress Page???

    I will wait for your best solution.
    Thank you as always!

  • Profile Image
    JotForm Support

    Answered by Welvin on April 05, 2016 at 06:50 AM

    Yes, please check my cloned version of your form. I've modified it to fit it on mobile devices. This form: https://form.jotform.com/60952370966969

    Yes, a custom CSS codes are required to fit the textboxes. Otherwise, they'll be scrambled on mobile view.

  • Profile Image

    Answered by BJ2 on April 05, 2016 at 07:06 AM

    Hi Sir Welvin!
    WOW! You're the best!
    A millllliiioon thanks for solving my problem! Wew!

    By the way, can this be fit also in iPhones???
    I have checked the Designer, but the phone simulator there shows broken table.. huhu
    Please check the phone below.

    I will wait again. Thank youuuu

  • Profile Image
    JotForm Support

    Answered by Welvin on April 05, 2016 at 07:30 AM

    You're welcome. It's my pleasure to help. You have to view the form using the actual device. I'm not sure why the preview looks like that, but I can verify that the layout is good on the actual device. 

  • Profile Image

    Answered by BJ2 on April 05, 2016 at 10:23 AM

    Hi Sir Welvin!

    YES! My Japanese boss has accepted this new timetable format.
    I can't contain my happiness but praising the LORD GOD for HE blessed me with this very helpful JotForm Support Team!

    GOD bless JotForm Support Team more and moooorre!!!

    Here's the photos from my Japanese boss' iPhone and tablets so you can see them as well. hehee

  • Profile Image

    Answered by BJ2 on April 05, 2016 at 10:48 AM

    Hi Sir Welvin!

    I have another question regarding this timetable I made using text box..

    Please tell me how can I change EACH text box COLOR.
    I can only see the general color for all text boxes...

    Please help...
    I hope the sample format below...I can change any text box color...
    Thank you so much in advance!

  • Profile Image

    Answered by victor on April 05, 2016 at 11:53 AM

    To assist you better I have created a new thread that will be answered shortly by our support team