What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by penny1candy1 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.

    Page URL:
    https://form.jotform.com/61048438635257

    map location widget gps location widget mobile responsive
  • Profile Image
    JotForm Support

    Answered by jonathan 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

    Answered by penny1candy1 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
    JotForm Support

    Answered by beril 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

    Answered by penny1candy1 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
    JotForm Support

    Answered by Charlie 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.