Matrix Enhancement to allow different input types

  • Brian Mathews
    Asked on October 26, 2016 at 12:50 PM

    Hi very interested in building a form.  I have created one in Word that I really like but trying to make it easier for end users to fill out.  I came across the Matrix which gave me a similar format (rows/columns) however I need to ability to have the dropdown (Input Type) be different in each column.

    For example Criteria dropdown needs to have (Moderate, Critical. Low. N/A) and Complete (Yes, No) and Comments free form text.

    Or is the option to create multiple dropdowns?  But how do i have them next to each other?

    I have attached a couple images.

    Any way to accommodate this?

    Jotform Thread 972247 Screenshot
  • Mike
    Replied on October 26, 2016 at 3:57 PM

    We do not have Matrix fields with mixed input types, but there is a Configurable List Widget available which allows different inputs in a single row.

    How to Set Up the Configurable List Widget

    Note, that you will need to use one Configurable List widget per row in this case. 

    Alternatively, it might be possible to position standard fields.

    How to position fields in JotForm

    Thank you.

  • David JotForm Support Manager
    Replied on October 26, 2016 at 4:31 PM

    Unfortunately this is not possible with the matrix field. I think this can be accomplished using the configurable list widget: https://widgets.jotform.com/widget/configurable_list 

    Matrix Enhancement to allow different input types Image 1 Screenshot 30

    However, the static text is the same for all rows, we will need to use the following CSS code to change it:

    tr+tr+tr >:first-child {

    visibility: hidden;

    }

    tr+tr+tr >:first-child :after {

    visibility: visible;

    content: "Ability to Send Download Links Directly from Explorer/Finder";

    margin-left: -135px;

    }

    tr+tr+tr+tr >:first-child :after {

    visibility: visible;

    content: "Migrate Data on Local Machine into ShareFile with Drag & Drop or Copy/Paste Functionality";

    margin-left: -135px;

    }

    tr+tr+tr span:first-child{

    margin-top: -20px;

     

    }

    Result:
    Matrix Enhancement to allow different input types Image 2 Screenshot 41

    Here is my clone version of your form: https://form.jotform.com/62996505807973 

    You may clone it if you want to: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

     

    Let us know if you need more help.