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

    Dynamic fillable matrix

    Asked by forusretail on August 18, 2016 at 10:32 AM

    I´m looking for a widget which allows me to make a fillable grid, with static first column and line, and different class fields in each column.

    For example:

    Column 1: Category (Static), Price (numeric), Gender (dropdown)

    Line 1: Shoes, "fillable input", "fillable input"

    Line 2: Shirts, "fillable input", "fillable input"

    Best regards,

    Manuel

     

    fillable Numeric static configurable list list widget dynamic
  • Profile Image
    JotForm Support

    Answered by Jan on August 18, 2016 at 12:23 PM

    This is possible with the use of the Configurable List widget. This widget allows you to define the various field types per column on the list in a matrix-type of layout. This guide will definitely be helpful for you: How-to-Set-Up-the-Configurable-List-Widget

    If you have any questions, let us know. Thank you.

  • Profile Image

    Answered by forusretail on August 18, 2016 at 04:15 PM

    Actually, I have used the Configurable List widget many times before, but it does not solve this issue, because, although yo can manage various field types in the same grid, yo can't have different information por each row. May be I am wrong, and I just need some more information about the widget's features.

    What I need to do is to make all the first column "cells" static, but with different information. For example, I want to ask about the price of SHOES, WALLETS ans SHIRTS. The grid I need would be like the following:

    As you can see, I want to determine the first column values, and make the rest fillable or editable.

    Can I achieve this with Configurable List?

    Best regards,

    Manuel.

     

  • Profile Image
    JotForm Support

    Answered by Welvin on August 18, 2016 at 06:59 PM

    Using the configurable list widget with the static text, you can change the text in the "form view" by injecting a custom CSS codes in the widget. But when you receive it, the text will still be the same.

    For example, the backend, you have this format:

    After injecting the below CSS, the widget will be like this:

     

    /*** 1st Row ***/

    tr:nth-child(2) td.col1 span {

        visibility: hidden;

    }

    tr:nth-child(2) td.col1 span:before {

        visibility: visible;

        content: "Shoe";

    }

    /*** 2nd Row ***/

    tr:nth-child(3) td.col1 span {

        visibility: hidden;

    }

    tr:nth-child(3) td.col1 span:before {

        visibility: visible;

        content: "Wallet";

    }

    /*** 3rd Row ***/

    tr:nth-child(4) td.col1 span {

        visibility: hidden;

    }

    tr:nth-child(4) td.col1 span:before {

        visibility: visible;

        content: "Shirt";

    }

     

    Custom CSS area in the widget:

     

     

    Test form: https://form.jotform.com/62307018265956