Ci-dessous quelques exemples d’intégration du widget.
Intégration plein écran simple
<iframe src="https://widget.anto.info/contributor-event/175/" frameborder="0" width="100%" height="400"></iframe>
Intégrations diverses en colonnes
Sans bordure
<iframe src="https://widget.anto.info/contributor-event/183/" frameborder="0" width="100%" height="400"></iframe>
Avec bordure
<iframe id="anto-widget" src="https://widget.anto.info/contributor-event/255/" frameborder="0" width="100%" height="400"></iframe>
<style type="text/css">
#anto-widget{border:3px solid #EE3932; }
</style>
Dans un pop-up (exemple simple avec jQuery)
<style type="text/css">.popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;text-align: center;background-color: rgba(255,255,255,0.9);box-sizing: border-box;z-index: 10000;display: none;padding: 40px;} .close-btn {position: absolute;right: 20px;top:0px;color: black;padding: 4px;font-size: 3em;font-weight: bold;}</style>
<script type="text/javascript">function togglePopup() {jQuery(".popup").toggle();}</script>
<button onclick="togglePopup()">Afficher les événements</button>
<div class="popup"><div onclick="togglePopup()" class="close-btn">×</div><iframe src="https://widget.anto.info/contributor-event/225/" width="100%" height="600" frameborder="0"></iframe></div>