Customisable form layout for Configurable List

  • dcleggpepper
    Asked on August 29, 2019 at 8:34 AM

    Hey 


    Need help to make these options all appear in different rows rather than on the same same line - can anyone assist with the CSS


    Here is the options so far


    Loan Amount : textarea : 

    Security Value : textarea : 

    Security Address : textarea : 

    Type : dropdown : House, Unit, Land, Construction

    Repayment: dropdown : P&I, I/O



    Jotform Thread 1944875 Screenshot
  • Victoria_K
    Replied on August 29, 2019 at 9:30 AM

    Hello!

    You can use this CSS code to move questions to new lines:

    th {display: none; } .mobileColumnName {font-weight: bold; display: block; padding-bottom: 6px; zoom: 0.95;} td{float:left;padding-right: 0;} 

    td.col2, td.col3, td.col4, td.col5 {display: block; clear: left; }

    Guide to inject it: How-to-Inject-CSS-Codes-to-Widgets

    Another option: How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

    Hope this helps! But, please get back to us if you need further assistance. 

    Customisable form layout for Configurable List  Image 1 Screenshot 20