How to make all form fields show properly on mobile?

  • Profile Image
    Tubbys
    Asked on July 26, 2018 at 02:53 PM

    Hello, 

         I know that there is an option for all forms to be compatible to be filled out on a cell phone however my Tubby's Employee Time sheet is not and some of my employees are having trouble using their phone to submit a time sheet.

          The problem seems to be that the part where they need to fill in date, start/end times, description and total hours is too long horizontally it will not show up on one page. This problem still occurs when the phone screen is flipped to a wider screen, not all of the information is accessible to submit answers too. Just wondering if you could help me with this issue that would be greatly appreciated!!

    Thanks,

    Sinead

    Screenshot
  • Profile Image
    DonaldHag
    Answered on July 26, 2018 at 04:11 PM

    For the text input fields, click the gear icon to access the properties then scroll down the sidebar to Label Alignment. Uncheck the "Set as Form Default" box. Do this for all the text input fields on the form. This setting has to be unchecked so the field can be responsive on mobile.

    1532635504set_as_form_default.png

    As for the date field, do the same above and in addition, align the label to the top.

    1532635880top alignment.png


    With this setting, the date should show correctly on mobile. I have cloned your form here, you can try it out and see: https://form.jotform.com/82066429772969

    For further assistance, do let us know.

  • Profile Image
    Tubbys
    Answered on August 10, 2018 at 12:43 PM
    I still have not heard any feedback from this
    ---
    Thanks,
    SINÉAD LUDWIG-BURGESS
    Office Manager
    _Tubby's Party & Event _
    403-284-3622 Office
    ...
  • Profile Image
    Kiran
    Answered on August 10, 2018 at 12:48 PM

    A response for your question has already been sent on this thread by one of our colleagues. We request you to open this thread using the link below and reply back if you have any questions in this regard.

    https://www.jotform.com/answers/1536486

    Thanks!

  • Profile Image
    Tubbys
    Answered on August 13, 2018 at 11:32 AM

    Hi Kiran,

         Yes I already received that answer and in an email I responded that option for fixing my problem doesn't work- "set as default" doesn't show up when I go to try to edit it as shown in the photo here. 153417429320180813_092452.jpg

  • Profile Image
    Kiran
    Answered on August 13, 2018 at 11:43 AM

    It looks like that you are referring to a different form https://www.jotform.ca/form/81055955061254. Sorry for the confusion. Since the field that you are using is a configurable list widget, we request you to follow the guide below and let us know if you need any further assistance.

    https://www.jotform.com/help/456-How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

    Thanks!