Panel Overview

• Customize the appearance of event results for print and web.
• Configure headers, footers, logos, fonts, colors, table styles, margins, and more.
• Preview, save, load, and reset styling settings.
• Apply quick presets or copy styling from another event.

Event & Config Selection

• Select the event to style using the dropdown.
• Optionally select a specific configuration for config-specific styling.
• Event-wide styling applies to all configurations unless overridden.

Logo Configuration

• Upload a logo image (JPG, PNG, GIF, SVG, max 5MB).
• Choose logo position: left, center, or right.
• Select logo size: small, medium, or large.
• Preview and remove the logo as needed.

Header & Footer

• Edit header and footer content using a rich text editor (TinyMCE).
• Show or hide event information (name, date, location) in the header.
• Show or hide generation date/time in the footer.

Visual Styling

• Choose font family and size for all results.
• Set primary and secondary colors (for headers, highlights, etc.).
• Select table style: striped, bordered, or plain.
• Set page margins: narrow or normal.

Watermark

• Add optional watermark text (e.g., OFFICIAL, PRELIMINARY).
• Adjust watermark opacity for subtlety.

Custom CSS

• Add advanced custom CSS rules for further appearance control.
• Use for special formatting, branding, or print tweaks.

Actions & Presets

• Preview: See a live preview of your styling.
• Save: Store your current styling for the event/config.
• Load: Load existing saved styling.
• Reset: Restore default styling settings.
• Copy: Copy styling from another event.
• Apply quick presets: Professional, Sport, Elegant, Minimal, Consolas, etc.

FAQ

Troubleshooting

• Logo not uploading: Check file type and size (max 5MB, JPG/PNG/GIF/SVG).
• Preview not updating: Make sure all required fields are filled and try again.
• Styling not saving: Ensure you have selected an event and have permission to save.
• Custom CSS not applying: Check for syntax errors in your CSS.