Participant Card Layout Examples

Compare the different layout modes for participant cards

FULL Complete View

All controls + Full details + Figures
Scored (3 judges)
5
John Smith
Solo Male
USA
Dance Club
98.50
Avg (3 judges)
Rotation: 720, 900
Difficulty: 8.5
Execution: 9.2

CONTROLS Standard with Controls

Position controls + Minimal details + No figures
Scored (2 judges)
7
Jane Doe
Solo Female
95.25
Avg (2 judges)

COMPACT Minimal with Controls

Position controls + Category only + No figures
Performing
3
Alex Johnson
Solo Male
--
Score

INFO Read-Only Display

No controls + Full details + Figures
Scored (3 judges)
12
Sarah Williams
Solo Female
CAN
Freestyle Academy
97.80
Avg (3 judges)
Rotation: 540, 720, 900
Difficulty: 9.0
Execution: 9.5

Feature Comparison

Feature FULL CONTROLS COMPACT INFO
Position Controls (↑↓)
Full Details (Country, Club)
Figures/Criteria Breakdown
Status Badges
Score Display
Best Use Case Heat Management Start List Reorder Mobile/Tight Spaces Monitoring/Display

Usage Example

JavaScript 
// In active_heat_panel.php (line ~383)

// Set the layout mode globally:
let participantCardLayout = 'info'; // Change to 'full', 'compact', or 'controls'

// The renderParticipantCard() function automatically uses this setting
// to determine which features to show