How do I have multiple dropdowns as a matrix?

  • Profile Image
    dgspencer
    Asked on September 23, 2015 at 01:48 PM

    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

    _____________________________

  • Profile Image
    Kiran
    Answered on September 23, 2015 at 04:33 PM

    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.

  • Profile Image
    dgspencer
    Answered on September 23, 2015 at 06:45 PM

    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.

  • Profile Image
    Kiran
    Answered on September 24, 2015 at 01:11 AM

    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.

  • Profile Image
    dgspencer
    Answered on September 24, 2015 at 11:26 AM

     

    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

     

     

     

  • Profile Image
    Kiran
    Answered on September 24, 2015 at 11:54 AM

    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!!

  • Profile Image
    micusaIT
    Answered on April 15, 2016 at 09:21 AM

    Do you still have this css code that you could attach so others can alter to fit?

  • Profile Image
    Kiran
    Answered on April 15, 2016 at 10:30 AM

    @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!