Matrix Enhancement to allow different input types

  • Profile Image
    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?

  • Profile Image
    Mike
    Answered on October 26, 2016 at 03: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.

  • Profile Image
    BDAVID
    Answered on October 26, 2016 at 04: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 

    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:

    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.