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

  • digimarketingcolombia
    Asked on February 1, 2016 at 12:57 PM

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

    Jotform Thread 761705 Screenshot
    Page URL: https://form.jotformz.com/60158156597666
  • BJoanna
    Replied on February 1, 2016 at 4:20 PM

    Do you want to achieve something like this.

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

    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;

    }

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

    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.