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

<!-- seo-geo: content-enrichment -->

In practice

Beautiful Charts Dashboard — split Top, Split Bottom, and Three-row layouts for the dashboard. On this page, Split Top, Split Bottom, and Three-row is covered in detail: what it looks like in the admin, the exact controls it exposes, and how it behaves when you use it day to day. The sections above walk through Split Top (default), Split Bottom, Three-row in order, so you can skim headings and jump straight to the part you need. Because split top, split bottom, and three-row is part of Dashboard — the FleekDash home base — stats cards, a growth chart, and a pending-approval queue in one view — the settings you touch here interact with the rest of the feature; when in doubt, open the feature overview and follow the docs in order.

See also

Need a hand? Contact support or head back to the Dashboard guide.