The JavaScript solution reflects any changes to the guide while letting you style the content to fit in with your site, or just go our styles.
Although the content will update, we won't break your styles by changing the structure of the markup.
To get started, link to the guide wherever you want it to appear on the page, like this:
| Events to show |
data-lanyrd-context="future"
Which events to show. Possible values: all, past, future. Defaults to 'all'.
|
|---|---|
| Limit events |
data-lanyrd-number="5"
Limit the events to display. Defaults to 3.
|
| Layout |
data-lanyrd-template="compact"
One of the following:
|
| Hide annotations |
data-lanyrd-noannotations
Don't include user annotations.
|
| Protect styles |
data-lanyrd-iframe
Serve the content in an iframe to prevent your own styles clashing
with Lanyrd's. The iframe will increase in size to fit its content.
|
| Remove link |
data-lanyrd-nolink
Remove the original link back to Lanyrd
|
| No CSS |
data-lanyrd-nostyles
Don't include any CSS, this puts you in full control of the styles.
|