Combo fields formatting questions

Hi Guys,

I'm hoping you can show me where/how I can address piints A,B,C see attached image.

A. Input text only displays the top half of the text

B. How can I change the name field to display first and last name next to each other horizontally

C. How can i increase the space at the start of the name input field. eg between the "D" and the edge of the field?

 

Cheers

Dujon 

Allow me some time to work on your form https://form.jotform.co/70461452367860 style issue.. It needs custom CSS codes to fix the issue.

I'll be back shortly.

Please refer to my test form https://www.jotform.com/70540075138956

#A

I could not reproduce the same issue. Perhaps you have fixed it already?

Let us know if still happening on your form

--

#B #C

Add the CSS codes below to your form.

[data-type="control_fullname"] .form-sub-label-container {

    width: 47%;

}

#input_185,#input_185_confirm {

    padding-left : 10px !important;

}

 

The fixed form look like this.

 

Let us know if you're not able to make it work.

Thanks Jonathan.
Will this code carry through the other text fields too ? If not, how can
make this global?
Ta
Dujon
...

You can try this one:

[data-type="control_fullname"] span {

    width: 48% !important;;

  margin-right: 1% !important;;

}

input[type="text"], input[type ="email"], textarea {

    padding-left : 10px !important;

}

 

This should cover all the full name field and all input boxes. You can paste it under the CSS tab in the Form Designer tool:

 

Let us know if that works. 

Sorry for that, I made an update to the CSS code, you can directly view the updated one on this link: https://www.jotform.com/answers/1074871. 

Perfect, perfect, perfect.... thank you Charlie :)
Ta
Dujon
...

Hi Guys,
I thought I forward the below email to illustrate that empty fields are
still being shown, even though I have selected them not to be shown.
https://form.jotform.co/70588957349880
[image: Inline images 1]
Ta
Dujon
---------- Forwarded message ----------
...

Unfortunately, the images attached to the email reply cannot be posted back on the forum thread. We request you to upload the screenshots to the forum thread using the URL below:

https://www.jotform.com/answers/1074871

We will wait for your response. Thank you!