Trouble Completeing Form on Phone

  • acase
    Asked on June 16, 2016 at 4:14 PM

    The Hauling Dynamic drop down is not showing up completely on on mobile devices.  When filling out the form on phone some of the drop downs (time, job type, job status) you have to select it twice to get it to go in.

  • Ben
    Replied on June 16, 2016 at 5:45 PM

    I was not able to find the "The Hauling Dynamic" dropdown on your form.

    Please do let us know what steps we should take to be able to recreate the issue.

    Once you do we would be happy to assist with the same.

  • acase
    Replied on June 21, 2016 at 11:14 AM

    On ticket type you have to to go Billable, Tank Truck, MACK09, Disposal for the Hauling Box to pop up.  This box is not completely showing up when edited and not allowing us to submit.  See W27124Trouble Completeing Form on Phone Image 1 Screenshot 20

  • Kevin Support Team Lead
    Replied on June 21, 2016 at 12:15 PM

    I have tested your form and I was unable to replicate the same issue, the height of the widget is increasing while I'm selecting options in it, here is a screenshot with all the options selected: 

    Trouble Completeing Form on Phone Image 1 Screenshot 20

    However, as this is related to the height of the widget try injecting this CSS code to your form: 

    @media screen and (max-width: 480px){

        #customFieldFrame_293 {

            height: 110px !important;

         }

    }

     

    This will set the height needed for the widget to display properly, this guide will help you to inject the code to your form: How-to-Inject-Custom-CSS-Codes

    Hope this helps. 

  • acase
    Replied on June 21, 2016 at 12:21 PM

    The directions above were to tell you how to view the "Hauling" dynamic drop down.  We are not having issues with the ticket type drop down.  See screen shot below of W27124 that will not allow you to edit.Trouble Completeing Form on Phone Image 1 Screenshot 20

  • Kevin Support Team Lead
    Replied on June 21, 2016 at 12:23 PM

    I added the field "Hauling" in the code, so instead of the code given above, please try injecting this CSS code: 

    @media screen and (max-width: 480px){

        #customFieldFrame_293, #customFieldFrame_298 {

            height: 110px;

         }

    }

    Trouble Completeing Form on Phone Image 1 Screenshot 20

  • acase
    Replied on June 22, 2016 at 10:08 AM

    When you try to edit a submission with this drop down it freezes and will not let you submit without redoing this drop down and once submission is received this drop down is blank and you have edit a 2 time to add it back in.
  • Kevin Support Team Lead
    Replied on June 22, 2016 at 11:38 AM

    I have moved your report to a different thread as this one was originally opened to report a different matter. 

    It has been moved to this link: https://www.jotform.com/answers/866886 

    We will assist you there as soon as possible.