How to resize the input text width and the map width of GPS location widget?

  • Profile Image
    penny1candy1
    Asked on April 14, 2016 at 10:07 PM

    Can anyone help me how to resize the input text width and the map width of GPS location widget. because the width is too wide for my form. Currently i am testing it from mobile device.

  • Profile Image
    jonathan
    Answered on April 15, 2016 at 12:24 AM

    Can you please tell us also which mobile device you were able to test it?

    I test on an Iphone emaulator and the form https://form.jotform.com/61048438635257 as is was mobile responsive already. All our form are actually responsive by default.

     

    Hope this help. Let us know how we can be of further assistance.

  • Profile Image
    penny1candy1
    Answered on April 15, 2016 at 12:54 AM

    i mean in the location tab, the width of the widget  (GPS location) exceed the browser width. is there a way to fix it. so they become fit in the browser? i already tried to add overflow-x: hidden in custom css  but i gave me same result. 

  • Profile Image
    beril
    Answered on April 15, 2016 at 02:14 AM

    Thank you for additional information. I am able to reproduce the same issue that you're having.

    You can resize it by adding the CSS code below:

    .tabs-list .liContent { width: 100px; !important }

    .tabs-list.tabs-list li { width: 100px; !important }

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • Profile Image
    penny1candy1
    Answered on April 15, 2016 at 10:14 AM

    I tried the css above but the result is the same. still the width width of the widget  (GPS location)  exceed the browser width. please help

  • Profile Image
    Charlie
    Answered on April 15, 2016 at 12:19 PM

    Could you please try adding the Mobile responsive widget in your end. 

    Here's a screenshot of it:

     

    Here's my cloned form with that change: https://form.jotform.com/61055299439969. See if that shows a better responsive layout for your widget.

    We'll wait for your response.