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

  • 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 form GPS location widget? because the width is too wide for my form. Currently, i am testing it from a mobile device.

  • jonathan
    Replied 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.

    How to resize the input text width and the map width of GPS location widget? Image 1 Screenshot 20

     

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

  • penny1candy1
    Replied 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. 

  • beril JotForm UI Developer
    Replied on April 15, 2016 at 2:14 AM

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

    How to resize the input text width and the map width of GPS location widget? Image 1 Screenshot 30

    You can resize it by adding the CSS code below:

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

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

    How to resize the input text width and the map width of GPS location widget? Image 2 Screenshot 41

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

  • penny1candy1
    Replied 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

  • Charlie
    Replied 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:

    How to resize the input text width and the map width of GPS location widget? Image 1 Screenshot 20

     

    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.