Advanced Workspace Layouts

Master the art of creating efficient and powerful workspace layouts

Key Concepts

Grid System

Understanding the grid-based layout system

12-column responsive grid
Dynamic row heights
Snap-to-grid functionality
Margin and padding controls

Layout Presets

BETA

Pre-configured layouts for different analysis types

Technical analysis layout
Fundamental research layout
Earnings analysis layout
Multi-stock comparison layout

Widget Stacking

BETA

Optimize space with advanced widget arrangements

Tab-based stacking
Split-view layouts
Nested widget groups
Collapsible sections

Layout Sharing

BETA

Share and import workspace configurations

Export layout JSON
Import configurations
Team templates
Version control

Example Layouts

Technical Analysis Layout

{
  "layout": "grid",
  "widgets": [
    {
      "type": "chart",
      "size": "2/3",
      "position": "top"
    },
    {
      "type": "watchlist",
      "size": "1/3",
      "position": "right"
    },
    {
      "type": "news",
      "size": "1/3",
      "position": "bottom"
    }
  ]
}

Pro tip:Perfect for technical traders who need quick access to charts and watchlists

Research Layout

{
  "layout": "split",
  "widgets": [
    {
      "type": "financials",
      "size": "1/2",
      "position": "left"
    },
    {
      "type": "earnings",
      "size": "1/2",
      "position": "right"
    },
    {
      "type": "chat",
      "size": "full",
      "position": "bottom"
    }
  ]
}

Pro tip:Ideal for fundamental analysis with easy access to financial data

Best Practices

Group related widgets together

Use consistent spacing

Consider screen real estate

Optimize for workflow

Keep frequently used widgets accessible

Use tab groups for similar widgets

Save layouts for different scenarios

Test on different screen sizes

Next Tutorial

Ready to learn more? Check out our tutorial on Power User Commands

Continue to Power User Commands