Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Current »

In this article, we will show how to create left-to-right placement of form elements when collapsing into a single column (under screen width constraint).

Add this CSS code into a Custom HTML element.

<style>
@media only screen and (min-width: 900px) {
    #section1 .form-cell{
        width: 48%;
    }
}

@media only screen and (max-width: 900px) {
    #section1 .form-cell{
        width: 98%
    }
}
</style>

Edit the column of this section to "Horizontal Layout"

When the screen width is more than 900px, fields will be displayed in 2 columns layout and when it is less than that, it will become a 1-column layout with field placement following left-to-right placement into single column.


  • No labels