Address Form Field: How to adjust all form fields in one line?

karoline.sieber

Asked on February 8, 2021 at 5:07 PM

I'm having trouble formatting my form. For example, I don't want all of the fields for the address stacked on top of each other. I would like them next to each other.
Also I need help figuring out what exactly I need to be building for my patient intake forms- a PDF? A fillable PDF? On online form? Can online forms be printed and filled out on paper?
Zahra_S

Replied on February 8, 2021 at 9:41 PM

Hi there!
Please allow me some time to create a workaround for you. I will get back to you soon.
I have moved your 2nd concern to another thread to avoid confusion between replies. We will respond to you there soon: https://www.jotform.com/answers/2884095
Zahra_S

Replied on February 8, 2021 at 10:37 PM

I created the solution for this form: https://www.jotform.com/form/210386454325050.
Cloned Form Link: https://form.jotform.com/210388166076964
Result:
Please add the following CSS code in your form by following this guide: how-to-inject-custom-css-codes
#id_14{
  height: 100px;
}
#input_14_addr_line1{
  position: relative;
  top: -10px;
  width: 30px !important;
}
.form-line:not(.fixed-width) .form-textbox:not(.time-dropdown){
  min-width: 50% !important;
}
#sublabel_14_addr_line1{
  position: relative;
  top: -10px;
}
#input_14_city{
  position: relative;
  left: 160px;
  top: -98px;
}
#sublabel_14_city{
  position: relative;
  left: 160px;
  top: -98px;
}
#input_14_state{
  position: relative;
  left: 142px;
  top: -98px;
}
#sublabel_14_state{
  position: relative;
  left: 142px;
  top: -98px;
}
#input_14_postal{
  position: relative;
  left: 460px;
  top: -188px;
  width: 20px !important;
}
#sublabel_14_postal{
  position: relative;
  left: 460px;
  top: -188px;
}
I hope this helps. Feel free to contact us if you need further assistance.
Zahra_S

Replied on February 8, 2021 at 10:42 PM

Additionally, please turn on the Shrink Field option in Properties before adding CSS code to make it work properly.