Dashboard
Every instance of an OptionsRealTime user interface (UI) is centered around a custom Dashboard. The Dashboard is a central, single-account-focused workspace that contains panels which can be added, positioned, and resized to create the ideal trading view.
One panel of each type can be placed in the Dashboard. For example, we may choose one Quotes panel. That single Quotes panel can then be customized to contain different named views or configurations. Note that one of the Quotes views must be named “Default.”
More than one Dashboard view can also be created, but one of the views must also be named “Default.” For more information on Default views, see Panels Overview.
Titlebar
Section titled “Titlebar”Each UI contains a titlebar with File, View, Dashboard, and Help menus, plus a lock icon for toggling Design Mode.
Center
Section titled “Center”- View Listbox: Select from any of your custom Dashboard views
Right Side
Section titled “Right Side”- Account ID: May be masked with asterisks
- DATA Indicator: Green when data is flowing, red when connection is lost
- Resend Icon (green): Resends all data from the back-end publisher
- Reboot Icon (red): Restarts the account-specific data publisher
- Settings Icon (gear): Opens Dashboard-specific settings
Settings
Section titled “Settings”Each panel, including the Dashboard, uses a gear icon in its upper right corner for settings. The Dashboard settings include:
Display
Section titled “Display”- Color: Background color that sets the theme
- Chrome Intensity: Offset color for titlebar regions
- Font: Font style used throughout this Dashboard
- Base Font Size: Font size for the Dashboard’s titlebar and chevron control areas
- Titlebar Font Size: Font size for labels in panel titlebars
- Mask Account ID: Number of asterisks to hide account IDs from the right
- Data Colors: Colors for positive, negative, and zero values
- Data Color Opacity: Opacity of the data colors
User Interaction
Section titled “User Interaction”- Scroll Content Under Mouse: When enabled, mouse wheel scrolls content under the cursor; when disabled, scrolls the entire window
Mouse Wheel Scrolling
Section titled “Mouse Wheel Scrolling”Ctrl + MouseWheel on the Dashboard’s titlebar increases or decreases the base font size.
View Management
Section titled “View Management”Manage views via the View Management context menu, activated by right-clicking the Dashboard’s titlebar or choosing View → View Management.
View Operations
Section titled “View Operations”- Save View: Save current view
- Save View As: Copy current view with a new name
- Rename View: Rename current view (does not apply to Default)
- Save As Startup View: Set current view as the startup view
- Create View: Create a new blank view
- Create View Current Style: Create a new blank view with current font and theme
- Reload View: Reload current view from disk
- Delete View: Remove current view (does not apply to Default)
- Load Default View: Switch to Default view
- Load Startup View: Switch to Startup view
Keyboard Shortcuts
Section titled “Keyboard Shortcuts”| Action | Shortcut |
|---|---|
| Reload view | Ctrl+R |
| Save view | Ctrl+S |
Status Bar
Section titled “Status Bar”The status bar displays information about view loading, saving, and current portfolio time. Toggle visibility via View → Status Bar.
Design Mode
Section titled “Design Mode”The lock icon controls Design Mode:
- Green (locked): Panels cannot be moved or hidden
- Red (unlocked): Design Mode is active
In Design Mode, you can:
- Add items to the Dashboard
- Move panels to any position
- Resize panels
- Use layout convenience methods
A positioning grid activates in Design Mode, and alignment bands help with layout as you drag and resize items.
Adding Panels
Section titled “Adding Panels”Access panels via Dashboard → Add. The following panels can be placed in your workspace:
Charts
Section titled “Charts”- Exposure
- Vol Scenario
- Maturity
- Portfolio PnL
- Portfolio NetLiq
- PnL Charts
Metrics
Section titled “Metrics”- Individual portfolio metrics (Time, Net Liq, PnL, Theta, Vega, etc.)
Quotes
Section titled “Quotes”- Real-time quote displays
Reports
Section titled “Reports”- Underlying Report
- Maturity Date Report
Tables
Section titled “Tables”- Exposure Table
- Security Table
- Portfolio Table
- System Table
- Log Viewer
After selecting a panel, move it to your desired location and resize it. Click the lock to exit Design Mode when finished.
Layout Tools
Section titled “Layout Tools”The Dashboard → Layout menu provides tools for creating uniform layouts.
Global Layout Operations
Section titled “Global Layout Operations”| Tool | Description |
|---|---|
| Fit to Screen Width | Proportionally resize items in strict rows to fit current screen width |
| Shrink by 1 Grid | Contract the right edge of all panels by 1 grid unit |
| Expand by 1 Grid | Expand the right edge of all panels by 1 grid unit |
| Vertical Fit | Slide panels upward to eliminate extra vertical grid spaces |
| Auto Layout Metrics | Move all metrics to the top rows in strict row format |
| Auto Layout | Force all items into strict rows following predefined rules |
| Clear All | Hide all panels, resulting in a blank canvas |
| Grid | Toggle visibility of grid lines |
Auto Layout Rules
Section titled “Auto Layout Rules”Auto Layout arranges panels in this order:
- Metrics (top rows)
- Quotes
- Portfolio Net Liq and Portfolio PnL charts (split row if both exist)
- PnL Charts
- Exposure and Vol Scenario charts (split row if both exist)
- Maturity chart
- Tables
- Console Viewer
Keyboard Shortcuts
Section titled “Keyboard Shortcuts”| Action | Shortcut |
|---|---|
| Undo last operation | Ctrl+Z |
Layout Helper Functions
Section titled “Layout Helper Functions”Right-click a panels’s titlebar for additional layout options. These functions work best when panels are in strict rows.
Row Movement
Section titled “Row Movement”| Operation | Description |
|---|---|
| Move Row Up | Move the selected row up by one row |
| Move Row Down | Move the selected row down by one row |
| Move Row To Top | Move the selected row to the top of the Dashboard |
| Move Row To Bottom | Move the selected row to the bottom of the Dashboard |
Row Reorder
Section titled “Row Reorder”| Operation | Description |
|---|---|
| Move Left | Move the item left by one position |
| Move Right | Move the item right by one position |
| Move to Front | Move the item to the leftmost position |
| Move to End | Move the item to the rightmost position |
Row Sizing
Section titled “Row Sizing”| Operation | Description |
|---|---|
| Split Row Equally | Resize panels to split the row equally |
| Fill Row | Expand a single panels to occupy the entire row |
| Contract Row Width | Resize items to fit a smaller screen width |
| Expand Row Width | Resize items to fit a larger screen width |
Pack Row
Section titled “Pack Row”| Operation | Description |
|---|---|
| Pack Row Left | Move all items left, leaving one grid unit between each item |
| Pack Row Right | Move all items right, leaving one grid unit between each item |
| Pack Row Center | Center all items, leaving one grid unit between each item |
| Pack Row Up | Move all items up, leaving one grid unit between rows |
| Pack Row Down | Move all items down, leaving one grid unit between rows |
Align Item
Section titled “Align Item”| Operation | Description |
|---|---|
| Pack Left | Move item left, leaving one grid unit from neighbor or edge |
| Extend Left | Extend left border, leaving one grid unit from neighbor or edge |
| Pack Right | Move item right, leaving one grid unit from neighbor or edge |
| Extend Right | Extend right border, leaving one grid unit from neighbor or edge |
| Pack Up | Move item up, leaving one grid unit from neighbor or edge |
| Pack Down | Move item down, leaving one grid unit from neighbor or edge |
Other Operations
Section titled “Other Operations”| Operation | Description |
|---|---|
| Align Row (equal height) | Resize items to share the highest upper and lowest lower edge |
| Bring to Front | Bring an overlapping panel to the top |
| Send to Back | Send an overlapping panel to the bottom |
| Close | Hide a panel from the Dashboard |
Here is a video highlighting some of the ways to add panels and use layout tools to create organized, custom Dashboards.