Dialogs

There are two modal windows available in the platform. Modal windows are important for user interactions: use it when you need to grab the user attention for an action. By gathering the information and action in a modal window, the user will focus only on this task.

Fancybox window

We use the http://fancybox.net/ modal pop-up by default. To keep FancyBox pop-ups consistent, keep the following structure: a h3 for the title, a div.content for the main part, and then a p.buttonsGadget at the end to display the buttons.

Click on an item to select it

An introduction paragraph to users if something needs to be explained.

Generic pop-up

If you can't use a FancyBox window, you can use the .genericPopUp window div class. But you have to keep the layout consistent: always provide a h3 title as often as possible, a description in a .popUpContent div class, and actions in a .buttonsGadget with a Close button.

Click on an item to select it Close

An introduction paragraph to users if something needs to be explained.