September 6, 2026
Desktop details modal layout
At viewport widths of 1024px and above, schedule item details now show a square image on the left and independently scrolling content on the right. The modal grows with the viewport, with a maximum width of min(1440px, 180dvh). The close button stays above the content scroll area, which has a thin scrollbar and a fade at the top edge.
Smaller screens keep the image above the content. Details without an image use the full width. Existing embed options still apply; this update adds no new attributes.
New modal CSS classes
.bcfw-cl-details-image-wrapper wraps the image and controls its square desktop layout.
.bcfw-cl-details-body wraps all non-image details and controls desktop content scrolling.
If your CSS targets direct children of .bcfw-cl-details-wrapper, update it for these wrappers. See modal details for the class reference and examples.
June 21, 2026
Schedule item details now show a ticket button when a ticket URL is available. The widget checks:
scheduleItem.custom_fields.ticketUrl
scheduleItem.relatedEvent.custom_fields.ticketUrl
Use data-label-ticket-button to override the default ticket button label.
The default label is translated by data-lang when no custom label is provided.
Use data-hide-ticket-button="true" to hide ticket buttons in schedule item details, even when ticket URLs are present.
The details modal close button no longer appears visually selected after the modal opens unless the user is actually navigating with keyboard focus.
June 18, 2026
Default stage selection
Use data-default-stage to load the widget with a stage already selected.
Use the stage name exactly as it appears in the widget.Last modified on September 6, 2026