How can I have city state zip on same line in my form

  • Profile Image
    roygene
    Asked on May 11, 2013 at 12:38 PM
  • Profile Image
    Welvin
    Answered on May 11, 2013 at 01:50 PM

    Hi,

    You may consider using the Field Positioning: Form Field Positioning. Let us know if you need any further assistance.

    Thanks

  • Profile Image
    pinoytech
    Answered on May 11, 2013 at 04:42 PM

    @roygene,

    In addition to my colleagues response, can you please take a look at this demo form that I've created if this is what you want to acheived.

    http://www.jotformpro.com/form/31306354450950

    If yes, in order to achieve that, you need some custom css injected into your form something like this codes.

    #input_1_city.form-textbox.form-address-city {

    width: 92px !important;

    }

    #input_1_state.form-textbox.form-address-state {

    position: absolute;

    margin-left: -197px !important;

    margin-top: -22px !important;

    }

    #input_1_state.form-textbox.form-address-state {

    width: 101px !important;

    }

    #sublabel_1_state.form-sub-label {

    position: absolute;

    margin-top: 2px !important;

    margin-left: -198px !important;

    }

    #input_1_postal.form-textbox.form-address-postal {

    position: absolute;

    margin-top: -58px !important;

    margin-left: 220px !important;

    }

    #sublabel_1_postal.form-sub-label {

    position: absolute;

    margin-top: -34px !important;

    margin-left: 219px !important;

    }

    #input_1_country.form-dropdown.form-address-country {

    position: absolute;

    margin-top: -11px !important;

    margin-left: -302px !important;

    }

    #sublabel_1_country.form-sub-label {

    position: absolute;

    margin-left: -301px !important;

    margin-top: 11px !important;

    }

    If you need further assistance, do let us know.

    Thank you!