Open MCT Style Guide

Standards

Absolute Positioning and Z-Indexing

Absolute positioning is used in Open MCT in the main envelope interface to handle layout and draggable pane splitters, for elements that must be dynamically created and positioned (like context menus) and for buttons that are placed over other elements, such as a plot's zoom/pan history and reset buttons. When using absolute positioning, follow these guidelines:

TypeDescriptionZ-index Range
Base interface itemsBase level elements0 - 1
Primary paneElements in the primary "view area" pane2
Inspector pane, splittersElements in the Inspector, and splitters themselves3
More base interface stuffBase level elements4 - 9
TreeviewLefthand treeview elements30 - 39
Help bubbles, rollover hintsInfobubbles, and similar50 - 59
Context, button and dropdown menusContext menus, button menus, etc. that must overlay other elements70 - 79
OverlaysModal overlay displays100 - 109
Event messagesAlerts, event dialogs1000