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

    I need the Configurable list to expand vertically, `Cause If I do it horizontally, it doesn´t fix the wide side of the screeen

    Asked by digimarketingcolombia on February 01, 2016 at 12:57 PM

    I attach a screenshot of the field, named "Persona(s) a inscribir. Thanks a lot.

    Page URL:
    https://form.jotformz.com/60158156597666

    Screenshot
    expand wide configurable list side
  • Profile Image
    JotForm Support

    Answered by BJoanna on February 01, 2016 at 04:20 PM

    Do you want to achieve something like this.

    If that is that case, you can achieve this by adding Custom CSS code inside of Configurable list widget. 

    Open your Configurable list wizard and inside of Custom CSS filed add this CSS code:

    #list > tbody > tr:first-child {

        display: none;

    }

    td.col1:before {

         content: "Nombre y Apellidos:*";

         display: block;

    }

    td.col2:before {

         content: "Número de documento de identidad:*";

         display: block;

    }

    td.col3:before {

         content: "E-mail";

         display: block;

    }

    td.col4:before {

         content: "Empresa u organización";

         display: block;

    }

    td.col5:before {

         content: "Cargo";

         display: block;

    }

    td.col6:before {

         content: "País";

         display: block;

    }

    td.col7:before {

         content: "Teléfono (código + número)";

         display: block;

    }

    td.col5 {

         float: left;

         left: -500px;

         position: relative;

         top: 90px;

    }

    tr {

         height: 150px;

    }

    td.col1 {

         position: relative;

         top: 17px;

    }

    td.col3 {

         position: relative;

         top: 33px;

    }

    td.col4 {

         position: relative;

         top: 17px;

    }

    td.col6 {

         float: left;

         left: -350px;

         position: relative;

        top: 52px;

    }

    td.col7 {

         float: left;

         left: -200px;

         position: relative;

         top: 1px;

    }


    Here is my demo form: https://form.jotform.com/60316331557956 

    Feel free to clone it.

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