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

    Matrix Dynamique: Matrix table with fields other than text

    Asked by RaveWolf on May 26, 2014 at 08:59 AM

    I'm still fairly new here and this is my first Forum Request...

    I have exactly the Same Question and creating multiple fields with conditions is way too time consuming.

    It's been almost 4 months since the original request above. Is there any update on this? or alternatively, is there an SDK or Method for creating custom Widgets for personal use or even for sharing?


  • Profile Image

    Answered by KadeJM on May 26, 2014 at 09:51 AM

    At this time there is no update about that other than workarounds similar to what my colleague has provided in the original thread with the use of conditions. Though I know you had mentioned it is too time consuming for you. Because of the Widget's current design I'm not so sure that there is any other workaround for this that would work yet, but there might be a small possibility of such. If so, then it would require the form's source code and you being willing to get your hands dirty with some custom programming to make it work like that.

    Additionally, since you are requesting this still. I have also forwarded a request on your behalf to our developers. We cannot promise any timeframe for it but if and when it gets added then we will update you here to let you know about it.

  • Profile Image

    Answered by MacLuc on May 27, 2014 at 03:18 AM

    There is already a Configurable List widget, which allows you to add as many fields as you wish, of many types (text, password, number, textarea, date, time, checkbox, dropdown) - I think it should suit your needs. If this is not exactly what you want, please let us know.

  • Profile Image

    Answered by RaveWolf on May 27, 2014 at 06:59 AM

    Wow! Just Wow!


    This is axactly what I was looking for. Never thought of searching for "Configurable..." in the forum or Widgets section.


    Is there a list or guide on how to manipulate controls, i.e. Set time to 24hr instead of AM/PM. Reverse the order of the Date to "dd/mm/yyyy".

    The layout shouldn'd be a problem as I can use your Demo as a reference for positioning etc.

    Can't wait to see other options added, but it fills my requirements for now as is.


    Again,... Thank you so much.

  • Profile Image

    Answered by MacLuc on May 27, 2014 at 07:15 AM

    Thanks for your appreciation.

    Date and time fields are not configurable now (except years' range for date), but we'll consider implementing these features. If you have any other ideas what could be added or changed, feel free to contact us.

  • Profile Image

    Answered by intranet.admin on May 27, 2014 at 10:46 AM

    Please could I request dd/mm/yyy format for date and facility to change the widths of the fields

  • Profile Image

    Answered by MacLuc on May 27, 2014 at 10:55 AM

    Widths of the fields can be already changed with custom CSS. All columns and fields have their own classes, so you can style everything as needed.

  • Profile Image

    Answered by intranet.admin on May 27, 2014 at 01:13 PM

    Please can you give me an example of the CSS code to change one field
  • Profile Image

    Answered by MacLuc on May 28, 2014 at 03:39 AM

    Columns have classes col1, col2, col3 etc. so if you want to change width of one input, you can use e.g. ".col2 input { width: 50px; }". Date dropdowns have classes y, m, d, so you can style them separately, e.g. ".col1 select.y { width: 100px; } .col1 select.m { width: 200px; }".

    If you are not sure about any element's name or class, you can check it with inspector - right click on element and choose "inspect element" or press F12 and select desired element.