What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How do I have multiple dropdowns as a matrix?Asked by dgspencer on September 23, 2015 at 01:48 PM
I am creating a matrix with some special needs. First, the columns will be the days of the week. The rows will be different activities that occur. Each activity will have different starting times, so each dropdown field needs to have a different list. Is there any widget that might help me with this? I tried "Configurable Lists", but I can't change the row labels with that. (Since I'm not using Courier, I hope the example below will display correctly).
| MON | TUES
Activity 1 | dropdown | dropdown
Activity 2 | dropdown | dropdown
Activity 3 | dropdown | dropdown
I think the Matrix field from Survey Tools works for you.
You may choose the input type as Drop Down and set the values to be displayed.
Please take a look at the form below to see if that works for you.
You may clone the form to your account to check how the matrix field is configured.
Hope this information helps! Let us know if you need any further assistance. We will be happy to help.
No. This does not work. As I said, the dropdowns need to contain DIFFERENT STARTING TIMES. I can't do this with the Matrix Tool. Monday's column may have 1-2, 3-5, 6-7 while the Tuesday column may have 10-12, 2-4, 5-8.
Okay. I've tried using Configurable list and added row labels using CSS. Please see if that works for you.
Let us know if you need any further assistance. We will be happy to help.
Pretty close. It's perfect in the Chrome browser...not so much in IE 11. I know browsers interpret code differently sometimes; I hope there is a fix for this.
INTERNET EXPLORER 11
It seems the width of the configurable list widget is causing the issue in Internet Explorer. You may inject the following CSS code to the form as below to increase the width of widget.
min-width: 660px !important;
I've update the form with the code and it should be working fine in Internet Explorer now.
Hope this information helps!!
Do you still have this css code that you could attach so others can alter to fit?