Skip to main content

Dynamic Dashboards

Visualize and interact with your componentโ€™s data in the Joomla backend.

What Are Dynamic Dashboards?

Dynamic Dashboards in Joomla Component Builder (JCB) are custom-built admin interface pages that let you render statistics, charts, APIs, and visual summaries of your componentโ€™s data. Using Custom Admin Views, Dynamic GETs, snippets, and chart libraries, you can create engaging dashboards that administrators see immediately upon accessing the component.

JCB empowers you to define exactly which data is fetched, how it's grouped, and how it's presented โ€” making your component not only functional but insight-driven.

Key Features

  • ๐Ÿ“ˆโ€‚Real-Time Data via Dynamic GETs
    Use JCB's visual SQL builder to aggregate and filter real-time component data for dashboards.
  • ๐Ÿ“Šโ€‚Chart Helper Integration
    Use JCB's built-in chart helpers to render bar, pie, line, or donut charts with minimal configuration.
  • ๐Ÿงฉโ€‚Custom Admin View as Dashboard
    Design your dashboard as a Custom Admin View, giving you full control over the layout and logic.
  • ๐ŸŽจโ€‚Snippets + Templates + Libraries
    Combine visual snippets, HTML templates, and JS charting libraries like Chart.js or ApexCharts via GUI for fast prototyping.
  • โš™๏ธโ€‚Fieldless Visualization
    No need to use JCB Fields โ€” you can operate entirely on raw queries and PHP logic for dashboard data.
  • ๐Ÿ”โ€‚Round-Trip Support
    Track and reuse dashboard logic using insert/replace tags or Custom Code entities that persist across builds.
  • ๐Ÿ”โ€‚Access Control
    Restrict dashboard visibility by user group, role, or other conditions using ACL integration.
  • ๐Ÿ“Žโ€‚Widget-Based Layouts
    Use layout templates or custom HTML to arrange your dashboard into columns, rows, tabs, or cards.

Use Cases

  • Component-wide overview with statistics (e.g., total users, active items, pending requests)
  • Activity graphs or time-based trends
  • Segmentation analysis (e.g., users per country, tasks per status)
  • Performance KPIs (e.g., uptime, usage, version distribution)
  • Import or processing logs with recent changes

How It Works

  1. Create a Custom Admin View to act as your dashboard.
  2. Build one or more Dynamic GETs to pull in relevant data.
  3. Link chart rendering Snippets or Layouts.
  4. Attach any required Libraries (like Chart.js).
  5. Add logic and visual helpers via Custom Code or Templates.
  6. Define menu access and route it to your dashboard view.

๐Ÿง  Pro Tip: You can make your dashboard the default landing view of your component by routing the main menu button to it.

Learn More

  • ๐Ÿ“˜โ€‚JCB Wiki: Building Dashboards with Custom Admin Views
  • Conclusion

    Dynamic Dashboards turn your Joomla components into decision-making hubs. Whether you're showing counts, trends, or charts โ€” the power to transform backend data into insights is built right into JCB. Itโ€™s not just development; itโ€™s visibility, clarity, and control.