Pages, groups, and popups

Various types of containers that are used

Standard page

• A standard page will have a width of 1220px, minimum width of 0, and no maximum width.

• The standard page will come with a header and a footer.

• There will be a page title group called Group Title and it will hide and collapse when the current page width is less than 500px.

• There will be a group on the page called Group page860Group. This group will have a width of 860px, with a minimum width of 99% and a maximum width of 105%. All groups on the page should be added into this main content group for responsiveness purposes.

Standard group

• Groups should be added into the main content group Group page860Group on the page.

• All groups should have a width of 860px, a minimum width of 20%, and no maximum width.

• Every standard group will come with two padding groups called Group verticalPadding 1 and Group verticalPadding 2. Please do not delete these groups as they are there for responsiveness purposes.

• Within each standard group, there will be a 780px width main content group. You should add elements and repeating groups into this group.

• If you have multiple groups on a page and each group has a different visibility rule, you should hide all groups by default and check the box for “Collapse when hidden”. For responsiveness, groups on the same page should be stacked vertically (not overlapping) or they will not collapse properly.

Popups

Popups will come in two widths:

• Simple popups with some text and a button are 360px, with a minimum width of 20%

• Popup forms (with input fields) are 680px, with a minimum width of 20%