Is there a way to join a question section that has a drop-down selection along with an input section?

I'd like to join "Your Profession" with "Position(s) You Seek" sections as well as "How did you hear about us?" with "Describe Your Source" sections?  

Here are the 4 sections I would like to make into 2:

You can achieve this using the Configurable List widget instead.

With the configurable list widget, it is possible to have multiple/different input option (i.e. dropdown, textbox, checkbox.. etc) on single field.

Guide : How to Set Up the Configurable List Widget

Please let us know if you need further assistance.

Oh gosh this is just way too confusing! All I want to do is add a text section under the dropdown list where I can ask a question and they can fill in the blank. Can you just make this happen please?! If you set up one, I'll duplicate it for the other. 

I have added the Configurable List widget in my cloned form. Please have a look on this form, if you want something like this:

https://form.jotform.com/200260371973956

Thanks.

Now that it's a new day and my mind is clearer, I ended up figuring out most of it before I saw your response. I don't know where to add the dropdown menu text though or how to get rid of that little "+" box.

The dropdown and text content needs to be wider and to line up with other text boxes on the right. And—important—I need them to be able to check off all relative items in the dropdown (not just select one).

I made a second Social Media configurable with check-off boxes in case they can't select more than one option in the dropdown. If I had to go that route, I would need the check-off boxes to be in 2 or 3 columns each so that section is much smaller.

To change the add button and add options to the dropdown, please check this screenshot:

Do you need to increase the width of the textarea in the Configurable list?

I have added the options in the dropdown.

Let us know if you have further questions.

Thanks.

Some of it is better, but not everything was answered / addressed. Here's what I'd like it to look like: Please note spacing throughout.

Hi @ResumeProducts!

I would like to apologize for the inconvenience you are experiencing, I am more than happy to assist you with your inquiry.


So, it is possible to have a dropdown field that accepts multiple selections by utilizing our multiple-selection widget. However, since you are using a Configurable List widget already, it would not be possible to use both in the same field.

My suggestion would be to keep the multiple-choice checkbox field for your "Social Media You Use" section instead of the dropdown. However, you may explore the multiple-selection dropdown widget if you would like and if you need any assistance implementing it into your form, we will gladly provide support.

Please feel free to reach out if you have any further questions or concerns, we are always here to help!

Okay, I'll keep the check-off box Social Media one, and I discarded the second one. Now can you please configure it to look like the image I created above?

Please give me more time to check if there's a workaround from this. If needed, I will forward this to our developers as a feature request.

Thank you for your patience.

Hi @ResumeProducts, is this what you are trying to accomplish? https://form.jotform.com/200267623533854

If that is correct, please inject this code inside that widget's CSS area: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

th.col3 {

    display: none;

}

td.col3 {

    float: left;

    left: -570px;

    position: relative;

    top: 200px;

}

td.col3:before {

content: "Other";

font-weight: bold;

display: block;

}

.checkbox{

    font-size: 16px; 

    display: inline-block;

    width:50%;

}

.col1 > .checkbox-container{

    width: 200px;

}

.col2 > .checkbox-container{

    width: 350px;

}

textarea{

    width: 513px !important;

}

Then, inject this code in your form's general CSS area: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

#customFieldFrame_66{

    height: 300px !important;

    width: 571px !important;

}

Let us know if you need more help.

Okay done. The font is too large tho, how do I make it smaller?

Why doesn't it show up the same in the form builder as in preview? (Any way to do that?)

I still need "Your Profession" and "How did you hear about us?" fixed, as above. 

"Okay done. The font is too large tho, how do I make it smaller?"

Hi, could you please indicate with a screenshot which font is too large?

"Why doesn't it show up the same in the form builder as in preview? (Any way to do that?)"

Please note that with the code provider we are forcing it display differently. In the builder the code my not have a full effect. Unfortunately, I could not find a better code, however, you may hire a CSS code developer expert who can help you design it as you need.

"I still need "Your Profession" and "How did you hear about us?" fixed, as above."

I have checked it, and it looks okay:

If you need to customize it further, we recommend you to hire a CSS developer to get it properly customized as you want to.

Geez. I don't know why I have to keep going back and forth with you guys, it's wasting a lot of my time and this form was supposed to have already been done. Yeah, you checked, and yeah that's what it looks like, and yeah it's NOT WHAT I ASKED FOR. Take a look at what I provided and compare it with what you just pasted above. 

To wit: In the "Your Profession" section, the dropdown under Profession is a good size. Is it that way under "How did you hear about us"? No it is not! The "Positions You Seek" and "Describe Your Source" should line up with each other and be extended all the way to the right, as in my sample. 

And, the font that is too large is in check-off list in the "Social Media" section. Compare it with all the other type on the page, it's even bigger than the headings. Once you make it smaller, you can separate out the two sections as I showed in the example I provided above.

Just make it happen please! (And all should be responsive, I see that those sections are not on mobile and the Social Media runs off the page entirely.)

We apologize for any inconvenience caused. I was able to see the issue you described base on your screenshot image.

Please allow us some more time to work on the customization on the form. We will post the update here once available.

Thank you for your patience and understanding.

Okay, I'll be waiting, thanks.

I haven't heard back from you and it's been 5 days. I don't see that it's been fixed. Are you almost done??

We are really sorry for the late response.

As per your requirement, I have added custom CSS codes in the widget. This is how your form looks now:

Please clone this form and see if this is what you are looking for:

Form link: https://form.jotform.com/200325457440952.

Please note that to make configurable widget more compatible in the mobile, you need to configure the CSS accordingly, in the current setting it may not be fully compatible. You can refer to this guide:

Guide: https://www.jotform.com/help/456-How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

Hope this helps! Let us know if you need any additional assistance.

Regards.

It came up like this in your link and still needs fixing: Once you line it up better, please add the code to my form (I'm really bad with those kind of instructions). Also the "Other" box only needs one line and doesn't need space after the check-off boxes. TIA

I have added the necessary CSS codes in the widgets on your form https://www.jotform.com/form/200164161802139

Please check also on your browser. It show like this on my browser.

It looks perfect above, but that's not quite how it looks on my form (the 2nd section drops down to the left under the orange box). Also it's not responsive on mobile. I only need one line in the Other box. Almost there though. Can it be fixed?

Hi @ResumeProducts!

Thank you for your patience with this, we are committed to providing you with the solution you require.

Please note that when I visit your form I am able to see it exactly how it is in the screenshot that my colleague has provided for you. You may see the screencast below for reference:

Also, if you would like to make the form mobile responsive, we will need to adjust the CSS so that it is mobile-friendly. If you could provide us with some details of how you would like the form to look in the mobile view we can make the changes for you.

We will wait for your response!

Thanks, I hope to hear from you on this soon.

I have conveyed your message to my colleague. He will reply to you as soon as he comes online.

Thanks.

Guys it's been weeks. Has this been fixed yet?

Hi @ResumeProducts!

I would like to apologize for the delay in our response. I will go ahead and reach out to the support member who has been working on your solution.

We will get back to you shortly. Thank you for your patience.

??????