School Bytes calendar

You can choose to either link to a SchoolBytes Calendar or embed it within an iframe using the embed code provided by School Bytes.

Given that these calendars can be quite large, we recommend linking to them instead.

Example iframe embed code:

<iframe frameborder="0" width="100%" height="1800px" src="https://online.schoolbytes.education/calendar_page/108/542/a158d91a-3dcb-6687-9bb2-8daf483fdf88" title="Parent Calendar"></iframe>

The above code can be embedded in a script component.

We recommend against embedding this on a homepage given the size of the calendars in length. It's preferable to use a card component or divider to link to the calendar.

How to link to a School Bytes calendar

You can link to School Bytes calendar by copying and using the link portion of the embed code which we have highlighted in bold below:

<iframe frameborder="0" width="100%" height="1800px" src="https://online.schoolbytes.education/calendar_page/108/542/a158d91a-3dcb-6687-9bb2-8daf483fdf88" title="Parent Calendar"></iframe>

You can also get the page link from School Bytes (instead of the embed code).

The card or divider components work well for linking the calendar. You could also use buttons or tiles from the hero banner.

Example

The following shows how you might use a card component to link to the calendar. We have used a dummy link for this example.