Show 3 fields in the same line

Hi, Jotform support,

I have two questions:

1)How to make that all my fields be in the same line.

 When I insert fields in the builder, they are placed one below the other. I want to set them that the fields: Name, Date of Birth, and Gender are in the same line, and of course to be responsive on all devices. I want it to be like the example I put in the attachment.

How can I do this in Advanced designer and CSS?

Here is my form link https://form.jotform.com/202931171981051

2) Is that possible to replace the fields for First name and Second Name. But I want that will change and in submissions too.

Hi there,

Based on your explanation and the screenshot you shared I've created a clone of your form and added a "Fill In The Blanks" field. As you can see below.

Please try the cloned form below.

https://form.jotform.com/202932321154950

Here is how you can clone it.

https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

Let us know if you need further assistance.

Thanks.

Sorry. About the second question:

If you remove the existing name field from your form the data in the submissions will get deleted as well. Instead, you can hide the field and keep it in the form. This way you'll not lose the data in the existing submissions.

Thanks.

Thank you for your quick answer.

I saw that you have the option to make this with the "Fill in the blank" field, but how can I do with Advanced designer and CSS?

Thanks.

I am looking into this possibility. I will get back to you shortly.

Here is how you can put the three fields on the same line:

1- Open the fields properties

2- Go to the ADVANCED tab

3- Enable the option SHRINK

4 - Add this CSCSS de into your Custom CSS:

li.form-line-column {

width: calc(33% - 8px);

}

Here is the result:

Let us know if you need further assistance.

Feel free to clone this form: https://form.jotform.com/202933777292969

Thank you guys!