How do I have multiple dropdowns as a matrix?

Hello

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.

http://form.jotformpro.com/form/52656583580969?

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.

http://form.jotformpro.com/form/52656486173969?

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.

CHROME

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.

#customFieldFrame_1 {

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?

@micusaIT,

You may clone the form below to your account to see the CSS applied to the widget.

https://form.jotform.com/52656486173969

hope this information helps!