Bracket Module Instructions

1. Copy the Embed Code

After creating a tournament, its embed code is available by clicking in the menu to the right of the bracket. Or, you can copy the following and replace YOUR_TOURNEY_URL.
<iframe src="http://challonge.com/YOUR_TOURNEY_URL/module" width="100%" height="500" frameborder="0" scrolling="auto" allowtransparency="true"></iframe>
NOTE: If you're embedding a bracket on an HTTPS page, replace http with https in the code above. This is currently only supported for user-hosted tournaments, not organizations.

2. Create a Theme

Themes for race embeds are not currently supported.

Select or create a theme with our Theme Manager, then update the URL in the code to specify the theme ID:
.../YOUR_TOURNEY_URL/module?theme=1

3. Specify Advanced Options

You can append the challonge.com URL with options below for greater control over the look of your bracket.
.../YOUR_TOURNEY_URL/module?multiplier=0.9&match_width_multiplier=1.2&show_final_results=1
Option Description Range Default

multiplier Scales the entire bracket. 0.3 - 3.0 1.0

match_width_multiplier Scales the width allotted for names. 0.5 - 2.0 1.0

scale_to_fit Scales the bracket to fit its container's width. Automatically adjusts for window resizes. 0/1 0

show_tournament_name Display the tournament name on top of the bracket. 0/1 0

show_final_results Display the final results above your bracket.Check the theme manager to preview the colors, and be aware that the results will take up a height of 160 pixels. 0/1 0

show_standings Show participant standings in a table on a separate tab. 0/1 0

show_voting Show the match voting form. Requires the voting feature to be enabled for your tournament. 0/1 0

show_live_status Show LIVE in the upper-right corner to emphasize that the bracket will update in real-time. 0/1 1

tab Set the starting tab. Tabs will be displayed for two-stage tournaments or when you enable the show_standings option. If unspecified, the active stage will be used. "groups", "final", "standings"

Option	Description	Range	Default
multiplier	Scales the entire bracket.	0.3 - 3.0	1.0
match_width_multiplier	Scales the width allotted for names.	0.5 - 2.0	1.0
scale_to_fit	Scales the bracket to fit its container's width. Automatically adjusts for window resizes.	0/1	0
show_tournament_name	Display the tournament name on top of the bracket.	0/1	0
show_final_results	Display the final results above your bracket.Check the theme manager to preview the colors, and be aware that the results will take up a height of 160 pixels.	0/1	0
show_standings	Show participant standings in a table on a separate tab.	0/1	0
show_voting	Show the match voting form. Requires the voting feature to be enabled for your tournament.	0/1	0
show_live_status	Show LIVE in the upper-right corner to emphasize that the bracket will update in real-time.	0/1	1
tab	Set the starting tab. Tabs will be displayed for two-stage tournaments or when you enable the show_standings option. If unspecified, the active stage will be used.	"groups", "final", "standings"

Demo

Check out these samples to see the versatility of the Challonge bracket module. The checkered background is for demonstrating transparency.