Review Before Submit Widget: Display Configurable List Fields Vertically

I've successfully applied the custom CSS to get the fields displaying vertically as with your example. Thank you for that.

Is there a way to accomplish the same thing when the form user is reviewing their information before submitting? Currently the field labels and values received are displayed as a single row of columns that are not easy to review. Thanks!

Hi ConnexPay,

Thanks for reaching out to Jotform Support. Can you send me the link to your form so I can take a look at it for you? Can you add the general CSS code below to display the Configurable List widget's fields vertically? Let me show you how to set it up in your form:

1. In the Form builder, click on the blue Roller Paint icon.
2. From the Form Designer panel, select the Styles Tab. 
3. Next, scroll down a bit and inject the following code below inside the Custom CSS area. 

/* display the Configurable List widget's fields vertically */



#previewContainer ul li div table tr {

    display: inline-grid !important;

}



#previewContainer .table-grid .table-head{

    padding: 5px !important;

    font-size: 13px !important;

}

/* end */

Here's the result:

Give it a try and let us know how it goes.