Configurable List: Break fields into multiple rows

  • Profile Image
    grupotecno
    Asked 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

  • Profile Image
    jonathan
    Answered 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
    jonathan
    Answered 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
    grupotecno
    Answered 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
    jonathan
    Answered 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
    grupotecno
    Answered on May 19, 2016 at 05:13 PM

     

    It is true, but it is ready now

  • Profile Image
    jonathan
    Answered 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
    grupotecno
    Answered on May 19, 2016 at 05:43 PM
    Okay, thanks for your help, I keep waiting
  • Profile Image
    jonathan
    Answered 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
    grupotecno
    Answered on May 20, 2016 at 02:20 PM
      thanks for your help

     

     
  • Profile Image
    Mike
    Answered 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.