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.


  • Profile Image

    How do I have multiple dropdowns as a matrix?

    Asked by dgspencer 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

    _____________________________

    dropdowns dropdown field different hello 3
  • Profile Image
    JotForm Support

    Answered by Kiran 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

    Answered by dgspencer 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
    JotForm Support

    Answered by Kiran 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

    Answered by dgspencer 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
    JotForm Support

    Answered by Kiran 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

    Answered by micusaIT 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
    JotForm Support

    Answered by Kiran 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!