Skip to content

Dashboard layouts

Split Top, Split Bottom, and Three-row

The dashboard renders in three layouts. The layout toggle in the header cycles through all three (Split Top → Split Bottom → Three-row), and the tooltip names the layout you'll get next.

Split Top (default)

  • Top row: Two columns.

    • Left: Stats cards in a 2×2 grid (Published Content, User Engagement, User Registrations, Growth Score).

    • Right: Main chart (time series) with date range.

  • Bottom: Full-width Pending Approval card with the grid of pending posts.

Best when you want to see KPIs and chart side by side and pending content below.

Split Bottom

  • Top: Main chart full width.

  • Bottom row: Two columns.

    • Left: Stats cards (same 2×2 grid).

    • Right: Pending Approval grid.

Best when the chart is the main focus and you want it on top.

Three-row

  • First row: Stats cards in a single horizontal row (e.g. 4 columns on large screens).

  • Second row: Main chart full width.

  • Third row: Pending Approval full width.

Best for a linear flow: KPIs → chart → content to approve.

Layout is applied by the DashboardCore component; the same widgets (stats, chart, pending grid) are just reordered and resized per layout.

Split Top vs Split Bottom layout switch