Make form look better in mobile

  • Profile Image
    behedwin
    Asked on June 16, 2015 at 04:06 AM

    Hi

     

    I am making a very simple form where i want users to use an tablet or mobile to check in what items needs to be shopped for next meeting.

     

    I have just listed a few things and they tick in using a "spinner" how many items are needed.

    Then they submit.

     

    But when using a mobile it becomes very small.

    Turning on responsive form or using the mobile widget does not help.

     

    I want everything to be as big and clear as possible in a mobile.

    For example enlarge the spinners allot but keep text the same size.

  • Profile Image
    Chriistian
    Answered on June 16, 2015 at 08:37 AM

    Hi behedwin, 

    Thanks for contacting us.

     

    Do you mean you want to adjust the height of the dropdown field in your form when viewing in mobile device? If so, you can inject this custom CSS code:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

    .form-dropdown {

    height: 50px !important;

    }}

     

    To inject custom CSS code in your form, just follow the instructions in this article.

     

    Do let us know if you need further assistance.


    Regards.