Skip to main content
Version: 1.0.6

Custom Dashboards

Create personalized dashboards to visualize your testing data with drag-and-drop simplicity.

Coming Soon

This feature is currently in development.

Dashboard Basics​

What is a Dashboard?​

A dashboard is a visual display of your most important metrics:

┌─────────────────────────────────────────────────────────┐
│ Quality Dashboard [Share] [⚙️] │
├───────────────┬───────────────┬───────────────┬─────────┤
│ Pass Rate │ Total Tests │ Open Defects │ Trend │
│ 94.2% │ 1,234 │ 23 │ ↗️ │
├───────────────┴───────────────┴───────────────┴─────────┤
│ ┌─────────────────────────────────────────────────┐ │
│ │ Test Results - Last 30 Days │ │
│ │ 100% ┤ ▄▄▄▄ │ │
│ │ 80% ┤ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄████ │ │
│ │ 60% ┤ ▄▄▄▄▄█████████████████████▄▄▄▄ │ │
│ │ └────────────────────────────────────── │ │
│ └─────────────────────────────────────────────────┘ │
├─────────────────────────────┬───────────────────────────┤
│ Tests by Module │ Recent Activity │
│ ┌─────────────────────┐ │ • Test run completed │
│ │ ████████ 40% │ │ • New defect reported │
│ │ ██████ 30% │ │ • Test case created │
│ │ ████ 20% │ │ • Report generated │
│ │ ██ 10% │ │ │
│ └─────────────────────┘ │ │
└─────────────────────────────┴───────────────────────────┘

Dashboard Types​

TypeDescriptionAudience
ExecutiveHigh-level KPIsManagement
OperationalDay-to-day metricsQA Leads
TechnicalDetailed analysisEngineers
PersonalIndividual focusAnyone

Creating Dashboards​

From Template​

  1. Navigate to Reporter > Dashboards
  2. Click New Dashboard
  3. Select a template:
    • Quality Overview
    • Test Execution
    • Team Performance
    • Release Readiness
  4. Customize as needed

From Scratch​

  1. Click Blank Dashboard
  2. Add widgets from library
  3. Configure data sources
  4. Arrange layout
  5. Save and share

Widget Library​

Metric Widgets​

WidgetDisplay
NumberSingle metric value
GaugeProgress indicator
SparklineMini trend line
Comparisonvs. previous period

Chart Widgets​

WidgetBest For
Line ChartTrends over time
Bar ChartCategory comparison
Pie ChartDistribution
Area ChartVolume trends
Stacked BarMulti-series comparison

Data Widgets​

WidgetContent
TableDetailed records
ListRecent items
CalendarDate-based view
MapGeographic data

Special Widgets​

WidgetPurpose
TextDescriptions, notes
ImageLogos, diagrams
EmbedExternal content
FilterInteractive filtering

Widget Configuration​

Data Source​

Widget:
type: line_chart
title: Test Results Trend

data:
source: test_executions
metrics:
- passed
- failed
dimensions:
- date

filters:
date_range: last_30_days
project: ${selected_project}

Visualization Settings​

SettingOptions
ColorsTheme, custom palette
LegendPosition, format
AxisLabels, scale, grid
TooltipsContent, format
AnimationEnable/disable

Interactivity​

  • Click to drill down
  • Hover for details
  • Filter by selection
  • Link to other dashboards

Layout & Design​

Grid System​

Dashboards use a 12-column grid:

┌────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┐
│ 1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ 10 │ 11 │ 12 │
├────┴────┴────┴────┴────┴────┼────┴────┴────┴────┴────┴────┤
│ 6 columns │ 6 columns │
├────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┤
│ 12 columns (full width) │
└───────────────────────────────────────────────────────────┘

Responsive Behavior​

ScreenColumnsLayout
Desktop12Full layout
Tablet62 columns
Mobile4Stacked

Themes​

ThemeStyle
LightWhite background
DarkDark mode
BrandCustom colors
PrintOptimized for printing

Sharing & Permissions​

Access Levels​

LevelCapabilities
ViewSee dashboard
EditModify widgets
AdminDelete, share

Sharing Options​

  • Share with team
  • Share with project
  • Public link (view only)
  • Embed in other tools

Scheduled Snapshots​

Send dashboard snapshots via email:

  • Daily summary
  • Weekly report
  • Custom schedule

Templates​

Built-in Templates​

TemplateMetrics
Quality OverviewPass rate, coverage, defects
Sprint ProgressCompletion, velocity, burndown
Release ReadinessBlockers, risk, status
Team PerformanceExecution, productivity

Custom Templates​

Save your dashboard as a template:

  1. Create and configure dashboard
  2. Click Save as Template
  3. Add description and tags
  4. Share with organization

Best Practices​

Design​

  • Keep it simple
  • Focus on key metrics
  • Use consistent colors
  • Add context with labels

Performance​

  • Limit widgets per dashboard
  • Use appropriate time ranges
  • Cache when possible

Maintenance​

  • Review regularly
  • Update for relevance
  • Archive unused dashboards