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 Left align the label of the Geolocation Widget

    Asked by Aaardvaark on April 18, 2014 at 10:49 AM
    2) Small problem, so not so important.  The form is justified so that all the data entry areas are to the right of the labels.  This doesn't work with the geolocation box which appears as though the label is aligned "top" no matter what I set it too.  Can the map box be place to the right of the label like all my other fields?
  • Profile Image

    Answered by EliezerN on April 18, 2014 at 12:52 PM

    I think this is the form you are talking about, right? http://www.jotform.co/form/41071440903848

    The label of the Geolcation widget does not appear left aligned because the width of the form is too narrow and the widget is too wide so that it cannot get extended as it needs to let the label be in the left side of the map box.

    So, to solve the issue simply make the form wider by injecting this CSS code: 

    .form-all

    {

    width: 730px !important;

    }

    Here is how to inject CSS codes to forms: How to inject custom CSS codes

    Please inform us if you need further assistance with this inquiry.

    Thanks

  • Profile Image

    Answered by Aaardvaark on April 19, 2014 at 10:04 AM

    Thanks, good point.  Is this better than or equivalent to just setting the form width using the button "For width"? (Form Style tab).

  • Profile Image

    Answered by Cesar on April 19, 2014 at 11:49 AM

    Both methods should yield the same results. Nevertheless, the method provided by my colleague is a more direct method of customizing the form.

    Thank you.