Choose your layout
On desktop, the embed has two layouts: the first direction being the column layout where stages are arranged horizontally. This is the default direction of the embed. The second is the row layout where stages are stacked vertically.
<script defer src='[path-to-embed]' data-blokks-id='[schedule-id]' data-layout='rows'> </script>
On mobile devices your schedule is automatically shown in a list view. However, users can switch back to the full schedule by rotating their device to landscape mode. The default breakpoint for switching between mobile and desktop view is 30em or 480px. This works best on all devices. If needed, you can change this value.
For events with a lot of stages and acts the list view can become quite long. Therefore, during the day or days of your event the mobile version of the embed will show the Dashboard. The Dashboard is a summary of acts that are playing now and coming up next. More info on the dashboard can be found here.
Note: If you are creating your own theme and don’t want to use the column or row layout, set the
data-layout property to