TFL Partners TFL Partners Developers
Widget demo

Nearby, Unstyled

The same nearby widgets, but with useShadowDom: false — each data-widget="nearby" element renders directly into the page (light DOM) and the widget stylesheet is injected globally, so your host-page styles can reach it.

3
layout variants
0
shadow roots
<script src="https://w.tixcdn.io/loader.js"></script>
01

Performers — with change location

Four popular performers with up to three upcoming events each; the change-location button is kept. Rendered in light DOM, so this page's CSS reaches the widget.

data-lookup="performers"data-popular="true"
embed
<div data-widget="nearby" data-lookup="performers"
     data-max="4" data-popular="true" data-events="3"></div>
02

Events — change location hidden

Up to five concerts. The change-location control is hidden via data-show-change-location.

data-lookup="events"data-show-change-location="false"
embed
<div data-widget="nearby" data-lookup="events"
     data-type="concerts" data-max="5"
     data-show-change-location="false"></div>
03

Venues — change location hidden

Five popular nearby venues with the location control hidden.

data-lookup="venues"data-popular="true"
embed
<div data-widget="nearby" data-lookup="venues"
     data-max="5" data-popular="true"
     data-showChangeLocation="false"></div>