Containers

Containers hold sets of forms and/or elements; depending on the type of container, users can often move these around their screen to accommodate for better visibility.


Dialogs

Dialog boxes always consist of a title bar, content area and commit buttons.

sp1gv-containers---000General

Dialog boxes have two fundamental types. Ultimately, the decision on what type of dialog box it should be is dependent on the type of work the agent will - or won't - need to be able to do while accessing the dialog:

Modal

Modal dialog boxes, such as the left-most example, require users to complete and close the window before continuing with the owner window. These dialog boxes are best used for critical or infrequent, one-off tasks that require completion before continuing.

Modaless

Modaless dialog boxes, such as the example on the right, allow users to switch between the dialog box and the owner window as desired. These dialog boxes are best used for frequent, repetitive, on-going tasks.

sp1gv-containers---exampleModal sp1gv-containers---exampleModaless

Additional Dialog Elements

Because dialogs are used for many purposes in Smartpoint, there a few additional elements and layouts that could be appropriate for specific uses.

Pricing Footer

Some dialogs, such as a purchase summary or payment form, may require displaying a price.

A primary price should always be featured in the main, right-most "price card." If required, price components can be listed left to right such as in the following example. Keep in mind that these price components are just that; whatever is listed as a price component should be part of what creates the total price in the price card.

That space can also be used for other price related information.

sp1gv-containers---001PriceFooter-a sp1gv-containers---001PriceFooter-b
sp1gv-containers---exampleModal-b

Flexible Content Layout

If a dialog must contain a potentially unpredictable amount of content, the following layout may be most appropriate. Note that it's strongly desired that content not require a horizontal scrollbar if possible.

sp1gv-containers---002FlexContent

Browser

Smartpoint has a browser for browsing outside web content within the application. The browser should only point to Smartpoint/workflow relevant content, such as a hotel image viewer, Agencia, ASK Travelport, and so on.

sp1gv-containers---003Browser