Choose your layout

Desktop

On desktop, the embed has three 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. Finally, there is a list layout which is a combination of both.

You can change the layout direction at any time by switching the layout in the embed tab of our backend or by setting it manually with the layout option:

<blokks-schedule layout="rows"></blokks-schedule>

A good example of the column layout is the schedule that The Next Web built. An example of the row layout was implemented by De Correspondent.

Mobile

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 480px. This works best on all devices. You can change this value when creating your own theme.