How to Left align the label of the Geolocation Widget

  • Profile Image
    Aaardvaark
    Asked 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
    EliezerN
    Answered 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
    Aaardvaark
    Answered 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
    Cesar
    Answered 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.