Shadow mode overview

Shadow mode is our new SDK integration method designed to embed the Sportsbook widget directly into partner sites, avoiding the limitations of traditional iframe-based solutions.

This recommended approach provides a cleaner implementation, ensures visual alignment with your platform, and delivers a more seamless, integrated user experience.

By embedding the Sportsbook UI as a self-contained web component, Shadow Mode ensures that its styling and behavior remain isolated from your site. This reduces the risk of conflicts and simplifies maintenance.

Key advantages of Shadow mode

Enhanced user experience

• Native browser scrolling: Eliminates iframe scrollbars for smoother, more natural interactions.
• Full-screen popups: Modals and tooltips automatically expand to full-screen, ensuring a consistent, and accessible user interface.
• Seamless visual integration: The Sportsbook interface appears fully native, without iframe borders, and matches your site's layout and style.

Effortless integration

• Zero configuration: The SDK is ready to use out of the box with zero configuration. Sensible defaults automatically handle common initialization scenarios, eliminating the need for manual setup.
• Automatic style adaptation: The SDK analyzes your site’s CSS and applies runtime adjustments to match your design. No manual overrides are required.
• Automatic parent style corrections: Shadow Mode automatically detects and fixes problematic styles on the partner’s page, such as fixed heights, hidden overflows, and incorrect z-index values, that could affect layout or user experience. No manual CSS adjustments required.
• Automatic header and footer handling: The SDK detects fixed or sticky headers and footers and adjusts the Sportsbook layout to prevent overlap or hidden content, ensuring a seamless display across all page structures.
• Simplified parameter handling: Many configuration settings typically required in iframe integrations are handled automatically, reducing setup complexity and minimizing partner effort.
• Simple API: Callback functions are provided for simpler interaction with the application, enabling straightforward handling of initialization, application update, navigation, and cleanup events.