One-time Events Modal

This section enables you to manage your One-time Events without having to access AddEvent.com. You can use it on a restricted website, intranet etc.

The modal uses a unique token to identify your account.
For security reasons, you must whitelist the domain(s) you intend to use the modal on.

Recommended usage:
Restricted access websites, Intranets etc.

Install

Copy and paste the code snippet into your existing pages as demonstrated in below example. If you need to restyle the looks and feel of the modal window, please do so by downloading the sources and use them locally.

<html>
<head>

    <!-- Script to include or download to local -->
    <script type="text/javascript" src="https://addevent.com/js/widget.onetimeevents.modal.js"></script>

    <!-- Stylesheet to include or download to local -->
    <link rel="stylesheet" href="https://addevent.com/css/widget.onetimeevents.modal.css" type="text/css" />

</head>
<body>

<!-- AddEvent modal button - can be a link, div, etc. Just needs the id and data-token attribute -->
<input type="button" value="One-time Events Modal" id="addeventwidgetmodal-button" data-token="" />

<!-- AddEvent modal -->
<div class="addevent-widget-modal" id="addeventwidgetmodal">
    <div class="rel">
        <iframe src="about:blank" id="addeventwidgetmodal-frame"></iframe>
        <div class="load" id="addeventwidgetmodal-load"></div>
        <div class="close" id="addeventwidgetmodal-close"></div>
    </div>
</div>

<!-- AddEvent modal overlay -->
<div class="addevent-widget-modal-overlay" id="addeventwidgetmodal-overlay"></div>

</body>
</html>