Example: Use Container Orientation and Container Nesting

You can use container orientation and container nesting together to design well-laid out interview screens. For example, where you have two sets of identical interview questions covering an applicant and their spouse, try placing each set of questions within its own vertical container and then placing the two vertical containers side by side within a horizontal container. The two sets of questions will then display side by side, or (where the screen is not wide enough) wrap so the second list is immediately under the first list, with the input controls in the same order for each list. This design will also result in the most logical tab order for interview users who are navigating using only the keyboard.

Screen Layout view in Policy Modeling showing two vertical containers nested inside a horizontal container

Web Determinations screen showing appearance of two vertical containers nested inside a horizontal container