Skip to content

Dashboard layouts

Split Top, Split Bottom, and Three-row

The dashboard can render in three layouts. You switch between Split Top and Split Bottom with the header control; Three-row is available as a layout type in the code and may be selectable depending on your version.

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