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

    Is there a way to make Configurable list responsive?

    Asked by windirect on April 30, 2015 at 01:16 PM
    Is there a way to make the list responsive?



  • Profile Image

    Answered by Ben on April 30, 2015 at 01:30 PM

    Looking at the form here: http://it.win-direct.com/preventivo-infissi/ and the screenshot that you have posted on the other thread:

    I can see it i not resizing properly, but since this is a custom CSS code of the widget, we can not make it exactly mobile responsive as you would be able to do so with the classic fields.

    Basically we could come up with the CSS that would show the fields in a more presentable manner, but it would require that you add all of the fields into the Configurable list since any new changes will affect it.

    Once you do, do let us know and we would be happy to give you the CSS that would make it more presentable even on a mobile version.

  • Profile Image

    Answered by windirect on April 30, 2015 at 02:44 PM

    Can you help me with the CSS code? I need just one example. ;-)

  • Profile Image

    Answered by raul on April 30, 2015 at 04:23 PM

    Well, since the configurable list is rendered using a table you may use some CSS techniques to make the table layout responsive, for example, the one described here: https://css-tricks.com/responsive-data-tables/

    As you have already noticed the configurable list does have a custom CSS section in which you can enter the code.

    Let us know if you need further assistance or have any further questions about this matter.