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 can I make a matrix with different type of input fields?

    Asked by ocalle on September 21, 2015 at 11:49 AM

     

    How can i handle a matrix with this fields?

     

    Cod     Description  Quantity  Observations

    fixed       Text             Number     Text

    03033   Product 1            Input     input

    04444   Product 2            Input     input

    44443    Product 3            Input     input

    .....

    0433/2  Product 15           input    input

     

    Send

     

    Each send with a one customer related-

     

    Best regards

     

     

     

    Screenshot
    product list matrix field input fields
  • Profile Image
    JotForm Support

    Answered by Welvin on September 21, 2015 at 04:31 PM

    I think you can do this using our Configurable List Widget: http://widgets.jotform.com/widget/configurable_list.

    Here's our guide for this widget: http://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget.

    Thanks

  • Profile Image

    Answered by ocalle on September 21, 2015 at 07:13 PM

    Thank you!, Plz if you see , the first field and the 2nd need get filled data from the begining, quantity and obs are input fields, i dont know how handle this.

     

  • Profile Image
    JotForm Support

    Answered by BJoanna on September 22, 2015 at 03:40 AM

    You can use "Static Text" option for first and second field.

    Here is my demo form: http://form.jotformpro.com/form/52642014268956? 

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by ocalle on September 22, 2015 at 08:47 AM

    Bjoana, many thanks for your support, but the value is a product list that change in the 2nd add.

     

    exammple

     

           Cod           Descr           Qty       Obs

     109090          AAAAAAAA      (1)     (obs...)

    + (here need the 2nd in the list as follow

    5555033         BBBBBBBBB     _10_   _xxxxxxx_

    +

    878787888       CCCCCCC         5       AAAAAA

     

    A product list with cod and descr for input.

    The original product list have    COD and Descr, i need add quantity and obs only

    Example list

     

     Thank you in advance

     

     

  • Profile Image
    JotForm Support

    Answered by Welvin on September 22, 2015 at 10:21 AM

    I get it. Unfortunately, the closest feature we have to accomplish this is the configurable list widget only. For the COD which is a static text, I would suggest using a textbox for this and let customers fill it instead. You can put another block in the form for the COD for customers to use as a reference.

    For example:

    http://www.jotformpro.com/form/52644223831956

    Thanks

  • Profile Image

    Answered by ocalle on September 22, 2015 at 11:28 AM

    I know good aproach thank you, but who write here can make several mistakes in code field input and then when you see the budget cant sort it.

     

  • Profile Image

    Answered by ocalle on September 22, 2015 at 12:52 PM

     

     

  • Profile Image
    JotForm Support

    Answered by BJoanna on September 22, 2015 at 01:00 PM

    Maybe this workaround can help you to achieve what you want.

    You can use matrix table. When you create matrix table you can use our prepopulate app to prepopulate fields in first and second row of your matrix table. Then with Custom CSS you can disable first and second row of you matrix table so you users will not be able to edit text inside of those fields. 

    With this CSS code you can disable your fields {pointer-events : none;}

    Inside of this guide you can find out how to Inject Custom CSS code: 

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Inside of this guide you can find out how to find Field IDs & Names: http://www.jotform.com/help/146-How-to-find-Field-IDs-Names 

    Here is my demo form: http://form.jotformpro.com/form/52641758396972?q1_clickTo[0][0]=111&q1_clickTo[0][1]=AAA&q1_clickTo[1][0]=222&q1_clickTo[1][1]=BBB&q1_clickTo[2][0]=333&q1_clickTo[2][1]=CCC&q1_clickTo[3][0]=444&q1_clickTo[3][1]=DDD&q1_clickTo[4][0]=555&q1_clickTo[4][1]=EEE 

    I have used this CSS code in my form: 

    #input_1_0_0, #input_1_0_1, #input_1_1_0, #input_1_1_1, #input_1_2_0, #input_1_2_1, #input_1_3_0, #input_1_3_1, #input_1_4_0, #input_1_4_1, #input_1_5_0, #input_1_5_1 {pointer-events : none;}

    Hope this will help. Let us know if you need further assistance.

     

  • Profile Image

    Answered by ocalle on September 22, 2015 at 02:12 PM

    WOW! Thank You Bjoana!

  • Profile Image
    JotForm Support

    Answered by BJoanna on September 22, 2015 at 02:42 PM

    You're welcome.

    Feel free to contact us if you have any other questions.