How do I get fields to appear below in two rows?

  • Profile Image
    info.grahambrown
    Asked on March 27, 2019 at 06:35 PM
    When I have too many fields that it goes across the page, how do I get fields to appear below in two rows? - see Screenshot for an example of what I would like this to look like, and to get the second row ('Trade-In' and 'Amount Traded-in) to appear directly under 'Description'1553716326Screenshot Question 3.PNG
  • Profile Image
    Mike_G
    Answered on March 27, 2019 at 09:39 PM

    That would be possible by injecting Custom CSS codes to the Configurable List widget in your form that is shown in your screenshot.

    How-to-Inject-CSS-Codes-to-Widgets

    You may also find this guide helpful in making the Configurable List widget in your form mobile responsive. — How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

    If that will not work for you, please let us know so we can help you with the CSS codes needed to meet the requirements shown in the screenshot you shared.

  • Profile Image
    info.grahambrown
    Answered on March 31, 2019 at 06:01 PM

    Are you able to please help me with what the CSS code would be?

  • Profile Image
    Kiran
    Answered on March 31, 2019 at 11:05 PM

    I believe that you are referring to the form https://form.jotform.co/90778586058878 in your account. As I check the form, the configurable list widget for the field 'Assets purchased' seems to be different from the screenshot that you have provided on this thread. Did you remove the fields from the configurable list widget? If you are referring to a different form or widget on the form, please let us know the form ID/URL or the field name so that we can assist you further.

    Thanks!