mirror of
https://framagit.org/les/gancio.git
synced 2025-02-01 00:52:01 +01:00
33 lines
964 B
Markdown
33 lines
964 B
Markdown
|
---
|
||
|
|
layout: default
|
||
|
|
title: Embed events
|
||
|
|
permalink: /usage/embed
|
||
|
|
nav_order: 1
|
||
|
|
parent: Usage
|
||
|
|
---
|
||
|
|
|
||
|
|
## Embed event
|
||
|
|
|
||
|
|
You can embed a list of filtered events or a specific event card in your webpage using a classic old-school `iframe` or a shiny new webcomponent.
|
||
|
|
|
||
|
|
### Webcomponents
|
||
|
|
The webcomponent require a small js to be loaded in your page:
|
||
|
|
```javascript
|
||
|
|
<script src='https://demo.gancio.org/gancio-events.es.js'></script>
|
||
|
|
```
|
||
|
|
|
||
|
|
#### embed a single event
|
||
|
|
> you can copy the code in **event page > Embed > Copy**
|
||
|
|
|
||
|
|
<script src='https://demo.gancio.org/gancio-events.es.js'></script>
|
||
|
|
<gancio-event id=17 baseurl='https://demo.gancio.org'></gancio-event>
|
||
|
|
```javascript
|
||
|
|
<gancio-event id=17 baseurl='https://demo.gancio.org'></gancio-event>
|
||
|
|
```
|
||
|
|
|
||
|
|
#### embed event lists
|
||
|
|
> you can copy the code in **Export > List > Copy**
|
||
|
|
<gancio-events baseurl='https://demo.gancio.org'></gancio-events>
|
||
|
|
```javascript
|
||
|
|
<gancio-event baseurl='https://demo.gancio.org'></gancio-event>
|
||
|
|
```
|