Can fields built with a certain table configuration

  • tjotim
    Asked on September 29, 2017 at 8:16 PM

    Hello

     

    I am trying to build a form with a table as below, I want to list a group of categories and have an option to select "Applicable" or "Not applicable" and then add a free text remark.

    I would also like to know if it is possible to hide the remarks field aand only show if one of the other fields is selected. 

    I have used configurable matrix widget for similar applications but have not yet worked out a solution for this one. 

     

    Category

    Applicable

    Non Applicable

    Remarks

    Fixed Text

    Check Box

    Check Box

    Free Text

    Fixed Text

    Check Box

    Check Box

    Free Text

  • John_Benson
    Replied on September 29, 2017 at 9:34 PM

    Please try the Configurable List widget. Here's the link: https://widgets.jotform.com/widget/configurable_list

    To learn more about the Configurable List widget, please open this guide: https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget

    If you have any questions, please contact us again.

  • NRGTIM
    Replied on October 2, 2017 at 5:51 PM

    Thanks John

    I have used the configurable list widget successfully in another form. Can the configurable list be configured that the table shows 3 lines with pre-defined text in the first row and then have check boxes, drop downs etc in subsequent rows? 

    Matrix is an option but as far as I can see you cannot have additional field types I the matrix, they all need to be text, check box etc?


    Regards

  • liyam
    Replied on October 2, 2017 at 9:04 PM

    With the limitations on the Matrix, I suppose that your way to go is with the configurable list widget.

    And yes, it is possible to make the configurable widget show 3 lines with pre-defined text/questions by positioning it using CSS. We can also assist you with this.

    In any case, feel free to let us know if you have questions or if you need assistance.

  • NRGTIM
    Replied on October 2, 2017 at 9:21 PM

    Thanks Liyam


    Are you able to share the CSS code with me to make this happen?

  • John_Benson
    Replied on October 2, 2017 at 11:31 PM

    I have created a demo form that you can check. Here's the URL: https://form.jotformpro.com/72749226028965

    Can fields built with a certain table configuration Image 1 Screenshot 20

    Is that what you're referring to? To show only 3 lines of the Configurable List widget. 

    Or are you referring to the 3 lines of Static Text in the Configurable List widget?

    The only custom CSS code I have added is to hide the "Add" button.

    We'll wait for your response. 

  • NRGTIM
    Replied on October 2, 2017 at 11:38 PM

    Thats what I am after,.

  • John_Benson
    Replied on October 3, 2017 at 1:26 AM

    Just to add, you can clone the demo form by following this guide: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    If you need to adjust the spacing or alignment of the fields inside the Configurable List widget, let us know so we can provide you a custom CSS code.

  • NRGTIM
    Replied on October 3, 2017 at 5:32 AM

    Excellent thanks, what do I do to change the text in each line of the static text category one, for example’

    Category 1

    yellow truck

    white truck

    blue truck

  • liyam
    Replied on October 3, 2017 at 10:19 AM

    I think there is a misunderstanding here. But I see what you are trying to achieve NRGTIM.

    To give a better idea on the configurable list widget and how you can put it in multiple lines per set, you will need to set your order on a single line first Then, by using a CSS code, you can set your layout next.

    Here is an example:

    1) I have created a single line set of fields having a total of 9 fields.

    Can fields built with a certain table configuration Image 1 Screenshot 30

    2) I have divided it by 3's, so the 4th and my 7th should go down. By adding a CSS code, I managed to have it show like this:

    Can fields built with a certain table configuration Image 2 Screenshot 41

    For your reference, here is a sample form: https://form.jotform.com/72753894539978

    Note, however, that we do not have a fixed code for this. The CSS code may vary depending on the fields that you have in the widget. So it's kind of useless to share the code with you (but if you clone the form, you will see the CSS code in it).

    I suggest that you create your fields in the widget first and let us know to which parts that you wish to be moved to the next row.

    Thanks.