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

    Configurable List: Break fields into multiple rows

    Asked by grupotecno on May 19, 2016 at 03:07 PM

     

    My list is very long , it can be divided into two rows ?



    This is a re-post of a comment on How to Set Up the Configurable List Widget

    two rows configurable list multiple rows
  • Profile Image
    JotForm Support

    Answered by jonathan on May 19, 2016 at 04:21 PM

    Can you please confirm that this is your form http://www.jotform.co/form/61387001172851 you wanted to break into 2 rows the configurable list widget on it.

    I'll check also the needed CSS code to achieve the requirement.

    Thanks.

     

  • Profile Image
    JotForm Support

    Answered by jonathan on May 19, 2016 at 04:28 PM

    It seems the configurable list was removed on the form http://www.jotform.co/form/61387001172851

    Please let us know which form to work on.

    Thanks.

  • Profile Image

    Answered by grupotecno on May 19, 2016 at 04:56 PM

     

    Sorry , I was trying .. but if , http://www.jotform.co/form/61387001172851 is my form. regards

  • Profile Image
    JotForm Support

    Answered by jonathan on May 19, 2016 at 05:09 PM

    Can you please redo the configurablist list widget configuration on your form https://www.jotform.co/form/61387001172851

    I checked the form and I see the widget was not properly saved and configured. 

    Let us fix the configurable list first before we can customize it.

     

  • Profile Image

    Answered by grupotecno on May 19, 2016 at 05:13 PM

     

    It is true, but it is ready now

  • Profile Image
    JotForm Support

    Answered by jonathan on May 19, 2016 at 05:36 PM

    It seems we have issue with our Configurable list widget at the moment. I checked again your form  https://www.jotform.co/form/61387001172851   and I cannot view the configurable list on it.

     

    I was also able to reproduce the problem on my side when I test

    Allow me more time to check with our higher team support if they can fix the issue faster.

    I will get back to this with an update as soon as I can.

    We apologize for the inconvenience caused.

     

  • Profile Image

    Answered by grupotecno on May 19, 2016 at 05:43 PM
    Okay, thanks for your help, I keep waiting
  • Profile Image
    JotForm Support

    Answered by jonathan on May 19, 2016 at 06:15 PM

    I was able to see the configurable list widget on the form properly now.

     

    I will now work on the CSS code need to break to two rows the list.

    I will notify you here as soon as I have update.

    Thank you.

  • Profile Image

    Answered by grupotecno on May 20, 2016 at 02:20 PM
      thanks for your help

     

     
  • Profile Image
    JotForm Support

    Answered by Mike on May 20, 2016 at 03:19 PM

    You can try to add the next CSS to the CUSTOM CSS tab of the widget in order to have a two-rows layout.

    http://pastebin.com/raw/z8vt9mLg

    The next labels are too long, so you will need to replace them with some shorter versions.

    td.col4:before { content: "Delegacion/Municipio: "; width: 19%; }
    td.col7:before { content: "Nombre del Contacto: "; width: 19%; }

    Thank you.