Sections, columns, collapsible methods - not Responsive freindly?

[roattw]

Used to always use Sections and Columns with HTML blocks to build visually well-formatted forms where fields are evenly spaced and aligned over each row.  I noticed enabling responsiveness renders that approach less than ideal.  It basically ignores column settings and wraps each field to its own row - EVEN THOUGH it has plenty of real estate to not do so.  With responsive enabled, it there a better way to build well-aligned forms over columns?

Basic aligned form using sections, columns, and html blocks:

 

Responsive disabled: alignment, sections and columns maintained, with extra space on wide screen PC device.

 

Responsive enabled: ignored sections, columns, and wraps, and reduces the overall width of form - even though it has plenty of space.  Almost like it thinks its a phone:

 

I am also using the Collapsible sections code but removing that it still behaves that way.

Thanks for any input!

 

[sandy159]

Hello @roattw,

Upon checking, I was not able to replicate this on my side. The columns are displayed as expected in the Responsive mode as well.
Is there any custom CSS or JS in the Header&Footer on the DataPage? If yes, please try to remove it to see if it affects the appearance.

You may find more information in the article: https://howto.caspio.com/datapages/datapage-components/multi-column-and-sections/

Feel free to update this thread with more information.