Configurable List widget: Moving fields to the second row

  • Profile Image
    lharias
    Asked on August 16, 2019 at 06:01 PM

    Is there a way to code so that fields push to a second line instead of going off the gray area?

    This is the form

    https://www.jotform.com/build/92204485903154


    Screenshot
  • Profile Image
    John_Benson
    Answered on August 16, 2019 at 06:36 PM

    Yes, it is possible to move the 5th field in the Configurable List widget to the 2nd row. You need to inject this custom CSS inside the widget in order to do that:

    #list > tbody > tr:first-child {display: none;}
    .mobileColumnName {display: block;}

    td.col5 {
    clear: left;
    }

    td {
    float: left;
    font-weight: 700; 
    padding-bottom: 10px;
    }

    Here's a guide on How-to-Inject-CSS-Codes-to-Widgets.

    1565994942customcss.png

    Here's the result: 

    1565994838confiresult.png

    Hope that helps. If you have any questions, let us know.

  • Profile Image
    lharias
    Answered on August 19, 2019 at 11:43 AM
    Thanks!
    *Lily Herrera Arias*
    Director of Operations
    877.478.6335 <(877)%20478-6335> | Ext. 153
    817.701.8037 Cell
    817.231.0460
    |Direct |Fax |Text



    ...