BoX pop app MatchClick Callback

[scroodge]

Hi, it looks i can't find how to call MatchClick Callback inside BoX pop-up. Can someone sugest how to do this?

[Drarig29]

Hi @scroodge, what did you try?

Did you look at the demos?

brackets-viewer.js/demo/with-api.html

Lines 40 to 67 in 5bdcdaa

	await window.bracketsViewer.render({
	stages: data.stage,
	matches: data.match,
	matchGames: data.match_game,
	participants: data.participant,
	}, {
	customRoundName: (info, t) => {
	// You have a reference to `t` in order to translate things.
	// Returning `undefined` will fallback to the default round name in the current language.
	if (info.fractionOfFinal === 1 / 2) {
	if (info.groupType === 'single-bracket') {
	// Single elimination
	return 'Semi Finals'
	} else {
	// Double elimination
	return `${t(`abbreviations.${info.groupType}`)} Semi Finals`
	}
	}
	},
	onMatchClick: match => console.log('A match was clicked', match),
	selector: '#example',
	participantOriginPlacement: 'before',
	separatedChildCountLabel: true,
	showSlotsOrigin: true,
	showLowerBracketSlotsOrigin: true,
	highlightParticipantOnHover: true,
	})

[scroodge]

yes sure! for main window it perfectly works - what about this pop_up?
WB Semi 1 - there two matches and i want to click on it and have call back to enter result. What am i missing? Thanks in advance!

[Drarig29]

You can take inspiration from this UI demo, which uses part of this code.

But sorry, I won't provide you with more help than this because it's the consumer part of the library.