Edinburgh GEL

Event

An event page summarises and collates a variety of information that can be used to promote an event.

By using an event content type, your content will be presented in the most appropriate format and will help present our users with a consistent approach to event promotion.

EdWeb will in the future have an event overview content type which will automatically harvest and present summaries of all your events.

Features

  • Distinct styling of event elements
  • Image support
  • Adaptive layout for mobile
  • Supports colour themes
  • Map call-to-action support
  • Further info call-to-action support
  • Event summary panel
  • Support for date ranges and single dates
  • Support for Schema.org event meta data
  • Ready to support the event overview content type for calendar and list views

Find out more about Schema.org

Further reading

Event content type preview

Choose a colour

Update
You are viewing the colour: Red (default), hex-value: #d50032

Choose viewport

      
 
   <body class="html not-front not-logged-in one-sidebar sidebar-first page-node page-node- page-node-3249 node-type-uoe-event og-context og-context-node og-context-node-813 mlid-5720" itemscope itemtype="https://schema.org/WebPage">
    <div id="skip-link"> <a href="#main-content" class="sr-only sr-only-focusable">Skip to main content</a> </div>
    <div class="page-head">
        <div class="container">
            <div class="row">
                <div class="col-sm-7 col-md-8">
                    <a href="https://www.ed.ac.uk/"><img class="uoe-logo" src="https://www.ed.ac.uk/sites/all/themes/uoe/assets/logo.png" alt="The University of Edinburgh home" /></a>
                </div>
                <div class="col-sm-5 col-md-4">
                    <div class="page-head-text">
                        <ul class="list-inline text-right">
                            <li><a href="https://www.ed.ac.uk/schools-departments/">Schools &amp; departments</a></li>
                            <li><a href="https://www.myed.ed.ac.uk/">MyEd</a></li>
                        </ul>
                    </div>
                    <div role="search" class="page-head-search">
                        <form action="https://search.ed.ac.uk/" method="get">
                            <div class="form-group">
                                <label for="uoe-search" class="sr-only">Search: </label>
                                <div class="input-group">
                                    <input id="uoe-search" type="text" placeholder="Search" class="form-control form-control-page-head" data-items="4" data-provide="uoe-search" name="q"> <span class="input-group-btn">
  <button class="btn btn-page-head">
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span><span class="sr-only">Search</span> </button>
                                    </span>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page-head-hero">
        <a href="https://www.ed.ac.uk/website-programme/edweb/demonstration">
            <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
                <source srcset="https://www.ed.ac.uk/files/styles/banner_breakpoints_theme_uoe_tv_1x/public/banner/0054344c.jpg?itok=kZBoS2c5&amp;timestamp=1442566890 1x" media="only screen and (min-width: 1200px)" />
                <source srcset="https://www.ed.ac.uk/files/styles/banner_breakpoints_theme_uoe_desktop_1x/public/banner/0054344c.jpg?itok=XtIXdmA4&amp;timestamp=1442566890 1x" media="(min-width: 992px)" />
                <source srcset="https://www.ed.ac.uk/files/styles/banner_breakpoints_theme_uoe_tablet_1x/public/banner/0054344c.jpg?itok=2LTijZFG&amp;timestamp=1442566890 1x" media="(min-width: 768px)" />
                <source srcset="https://www.ed.ac.uk/files/styles/banner_breakpoints_theme_uoe_mobile_1x/public/banner/0054344c.jpg?itok=5pbE17WY&amp;timestamp=1442566890 1x" media="(min-width: 0px)" />
                <!--[if IE 9]></video><![endif]--><img src="https://www.ed.ac.uk/files/styles/banner_breakpoints_theme_uoe_mobile_1x/public/banner/0054344c.jpg?itok=5pbE17WY&amp;timestamp=1442566890" alt="Demonstrating EdWeb" title="" /> </picture>
        </a>
        <div class="container">
            <div class="page-head-title"> <span class="sr-only">
          <a href="https://www.ed.ac.uk/website-programme/edweb/demonstration">Demonstrating EdWeb</a>: <a href="https://www.ed.ac.uk/website-programme">University Website Programme</a>        </span> <span class="h2" aria-hidden="true"><a href="https://www.ed.ac.uk/website-programme">University Website Programme</a>        </span> <span class="h1" aria-hidden="true"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration">Demonstrating EdWeb</a>      </span> </div>
        </div>
    </div>
    <div class="container container-page-content">
        <div class="row">
            <div class="col-sm-3 col-uoe-nav">
                <div class="region region-sidebar-first">
                    <section id="block-uoe-menu-uoe-menu-block" class="block block-uoe-menu clearfix">
                        <h2 class="uoe-nav-trigger">Menu</h2>
                        <ul class="uoe-nav">
                            <li class="uoe-published menu-item-2164"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration">Demonstrating EdWeb home</a>
                                <ul>
                                    <li class="uoe-nav-expanded uoe-published menu-item-2177"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types">Types of page</a>
                                        <ul>
                                            <li class="first leaf uoe-published menu-item-2181"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/homepage">Homepages</a></li>
                                            <li class="leaf uoe-published menu-item-2182"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/overview-pages">Overview pages</a></li>
                                            <li class="leaf uoe-published menu-item-2184"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/generic-content">Generic content</a></li>
                                            <li class="leaf active-trail uoe-nav-active uoe-published menu-item-5720"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/event" class="active-trail active">Event</a></li>
                                            <li class="leaf uoe-published menu-item-66766"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/profile-overview">Profile overview</a></li>
                                            <li class="collapsed uoe-published menu-item-14076"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/web-forms">Web forms</a></li>
                                            <li class="collapsed uoe-published menu-item-5725"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/proxies">Web application (Proxies)</a></li>
                                            <li class="last leaf uoe-published menu-item-23429"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/restricted-pages" title="Page restricted to University of Edinburgh logged in users">Restricted pages<span class="glyphicon glyphicon-lock" aria-hidden="true"></span><span class="sr-only"> (secured)</span></a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </section>
                </div>
            </div>
            <div class="col-sm-9">
                <div class="row breadtrail">
                    <div class="col-sm-9 col-md-10" itemprop="breadcrumb">
                        <ol class="breadcrumb">
                            <li><a href="https://www.ed.ac.uk/">Home</a></li>
                            <li><a href="https://www.ed.ac.uk/website-programme">Website Programme</a></li>
                            <li><a href="https://www.ed.ac.uk/website-programme/edweb">EdWeb CMS</a></li>
                            <li><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration">EdWeb demonstration site</a></li>
                            <li><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types">Types of page</a></li>
                            <li class="active">Event</li>
                        </ol>
                    </div>
                    <div class="col-sm-3 col-md-2"> <a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/contact-edweb-demo" class="btn btn-uoe btn-block contact-link">Contact us</a> </div>
                </div>
                <a id="main-content" tabindex="-1"></a>
                <h1 itemprop="headline" class="page-header page-header-with-second">Event</h1>
                <div class="region region-content" itemprop="mainContentOfPage">
                    <section id="block-system-main" class="block block-system clearfix">
                        <article class="node node-uoe-event node-full node-3249">
                            <div class="row">
                                <div id="event_body" class="col-xs-12 col-sm-12 col-md-6 col-lg-7 col-with-second" itemprop="description">
                                    <div class="event-body">
                                        <p>The event content type pulls together all kinds of information about an event. This part of the page shows how 'Event page content' displays; other elements on this page are aligned to the right (on a full desktop view).</p>
                                        <p>This example shows every possible field displayed, so you can see what they look like, but as you can see, that amount of information can be overwhelming. We recommend that you avoid this.</p>
                                        <h2>Archiving</h2>
                                        <p>Three days after your event ends, it will be removed from your site's navigation panel. This avoids clogging your site with out-of-date information.</p>
                                        <p>The page itself is not archived though. Consider creating an archive section for old events.</p>
                                        <h2>Related events</h2>
                                        <p>You can also add related events within the event content type, and EdWeb will pull out the summary detail and display it alongside your full information. Your event won't automatically appear as related to that event.</p>
                                        <p>Remember that someone else may also reuse your event in such a way.</p>
                                        <h2>Practical guidance</h2>
                                        <p><a class="btn btn-lg btn-uoe" href="https://www.wiki.ed.ac.uk/display/edweb/Event+content+type"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>Creating and editing the event content type - EdWeb Support wiki [EASE login required]</a></p>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-5">
                                    <div class="col-second-inner">
                                        <div itemscope itemtype="https://schema.org/Event" itemref="event_body">
                                            <div class="col-second-media" itemprop="image">
                                                <figure class="uoe-panel-image uoe-panel-image">
                                                    <picture>
                                                        <!--[if IE 9]><video style="display: none;"><![endif]-->
                                                        <source srcset="https://www.ed.ac.uk/files/styles/panel_breakpoints_theme_uoe_tv_1x/public/thumbnails/image/the_meadows.png?itok=vhga7UUp 1x" media="only screen and (min-width: 1200px)" />
                                                        <source srcset="https://www.ed.ac.uk/files/styles/panel_breakpoints_theme_uoe_desktop_1x/public/thumbnails/image/the_meadows.png?itok=nbQh-kmz 1x" media="(min-width: 992px)" />
                                                        <source srcset="https://www.ed.ac.uk/files/styles/panel_breakpoints_theme_uoe_tablet_1x/public/thumbnails/image/the_meadows.png?itok=K_7Eo99Q 1x" media="(min-width: 768px)" />
                                                        <source srcset="https://www.ed.ac.uk/files/styles/panel_breakpoints_theme_uoe_mobile_1x/public/thumbnails/image/the_meadows.png?itok=j50oUX0p 1x" media="(min-width: 0px)" />
                                                        <!--[if IE 9]></video><![endif]--><img src="https://www.ed.ac.uk/files/styles/panel_breakpoints_theme_uoe_mobile_1x/public/thumbnails/image/the_meadows.png?itok=j50oUX0p" alt="The Meadows" title="" /> </picture>
                                                </figure>
                                            </div>
                                            <div class="panel panel-event">
                                                <div class="event-date-title">
                                                    <div class="event-date">
                                                        <time itemprop="startDate" datetime="2020-04-15T14:00:00+01:00"> <span class="event-month">Apr</span> <span class="event-day">15</span> <span class="event-year">2020</span> <span class="event-time">14.00</span> </time> <span class="event-date-separator">-</span>
                                                        <time itemprop="endDate" datetime="2020-04-17T16:00:00+01:00"> <span class="event-month">Apr</span> <span class="event-day">17</span> <span class="event-year">2020</span> <span class="event-time">16.00</span> </time>
                                                    </div>
                                                    <h3 class="event-title" itemprop="name">
              Event            </h3> </div>
                                                <div class="panel-body">Events are page types in EdWeb, but you can also reuse key information on other pages.</div>
                                            </div>
                                            <div class="panel panel-event">
                                                <div class="panel-body"> <span class="glyphicon glyphicon-home panel-body-offset-marker" aria-hidden="true"></span>
                                                    <div class="panel-body-offset" itemprop="location" itemscope itemtype="https://schema.org/Place">
                                                        <meta itemprop="name" content="University Website Programme offices" />
                                                        <div itemprop="address">
                                                            <p>University Website Programme offices
                                                                <br /> Argyle House</p>
                                                        </div>
                                                        <meta itemprop="sameAs" content="https://www.ed.ac.uk/maps/maps?building=argyle" /> </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                    <a href="https://www.ed.ac.uk/maps/maps?building=argyle" class="event-link"> <span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Find us on campus maps </a>
                                                </div>
                                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                    <a href="https://www.ed.ac.uk/website-programme/about-us" class="event-link" itemprop="sameAs"> <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> About the University Website Programme </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </article>
                    </section>
                    </div>
                     
                       <ul class="social"><li><a class="btn btn-social" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.ed.ac.uk%2Fwebsite-programme%2Fedweb%2Fdemonstration%2Fpage-types%2Fproxies%2Fregular" role="button" target="_blank" aria-label="Share this content on Facebook."><svg width="46px" height="46px" viewBox="0 0 46 46"><rect class="social-bg-facebook" rx="4" ry="4" width="46" height="46"></rect><path class="social-fg-facebook" d="M31.3,46V27.8h5.9l0.9-6.9h-6.8v-4.4c0-2,0.6-3.3,3.4-3.3l3.6,0V7.1c-0.6-0.1-2.8-0.3-5.3-0.3c-5.2,0-8.8,3.2-8.8,9.1V21h-5.9v6.9h5.9V46H31.3z"></path></svg></a></li><li><a class="btn btn-social" href="https://twitter.com/share?url=https%3A%2F%2Fwww.ed.ac.uk%2Fwebsite-programme%2Fedweb%2Fdemonstration%2Fpage-types%2Fproxies%2Fregular&amp;text=Regular%20proxies" role="button" target="_blank" aria-label="Share this content on Twitter."><svg width="46px" height="46px" viewBox="0 0 46 46"><rect class="social-bg-twitter" rx="4" ry="4" width="46" height="46"></rect> <path class="social-fg-twitter" d="M40,13c-1.2,0.5-2.5,0.9-3.8,1.1c1.4-0.8,2.4-2.1,2.9-3.7c-1.3,0.8-2.7,1.3-4.3,1.6 c-1.2-1.3-3-2.1-4.9-2.1c-3.7,0-6.7,3-6.7,6.7c0,0.5,0.1,1,0.2,1.5c-5.6-0.3-10.5-2.9-13.8-7c-0.6,1-0.9,2.1-0.9,3.4c0,2.3,1.2,4.4,3,5.6c-1.1,0-2.1-0.3-3-0.8v0.1c0,3.2,2.3,6,5.4,6.6c-0.6,0.2-1.2,0.2-1.8,0.2c-0.4,0-0.9,0-1.3-0.1c0.9,2.7,3.3,4.6,6.3,4.7c-2.3,1.8-5.2,2.9-8.3,2.9c-0.5,0-1.1,0-1.6-0.1c3,1.9,6.5,3,10.3,3c12.3,0,19.1-10.2,19.1-19.1c0-0.3,0-0.6,0-0.9C38,15.5,39.1,14.3,40,13z"></path></svg></a></li><li><a class="btn btn-social" href="http://www.linkedin.com/shareArticle?&amp;mini=true&amp;url=https%3A%2F%2Fwww.ed.ac.uk%2Fwebsite-programme%2Fedweb%2Fdemonstration%2Fpage-types%2Fproxies%2Fregular&amp;title=Regular%20proxies" role="button" target="_blank" aria-label="Share this content on LinkedIn."><svg width="46px" height="46px" viewBox="0 0 46 46"><rect class="social-bg-linkedin" rx="4" ry="4" width="46" height="46"></rect><path class="social-fg-linkedin" d="M6.9,17.4h6.9v22.2H6.9V17.4zM10.3,6.4c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4c-2.2,0-4-1.8-4-4C6.3,8.2,8.1,6.4,10.3,6.4"></path><path class="social-fg-linkedin" d="M18.1,17.4h6.6v3h0.1c0.9-1.7,3.2-3.6,6.5-3.6c7,0,8.3,4.6,8.3,10.6v12.2h-6.9V28.8c0-2.6-0.1-5.9-3.6-5.9c-3.6,0-4.1,2.8-4.1,5.7v11h-6.9V17.4z"></path></svg></a></li><li><a class="btn btn-social" href="mailto:?subject=Regular%20proxies&amp;body=https%3A%2F%2Fwww.ed.ac.uk%2Fwebsite-programme%2Fedweb%2Fdemonstration%2Fpage-types%2Fproxies%2Fregular" role="button" aria-label="Email this content."><svg width="46px" height="46px" viewBox="0 0 46 46"><rect class="social-bg-email" rx="4" ry="4" width="46" height="46"></rect><path class="social-fg-email" d="M34.8,11.5H11.2c-2.2,0-3.9,1.8-3.9,3.9v15.7c0,2.2,1.8,3.9,3.9,3.9h23.6c2.2,0,3.9-1.8,3.9-3.9V15.1C38.7,13,37,11.2,34.8,11.2zM11.2,13.2h23.6c1.1,0,2,0.9,2,2v1.1l-13.8,9.2l-13.8-9.2v-1.1C9.2,14.1,10.1,13.2,11.2,13.2zM34.8,32.8H11.2c-1.1,0-2-0.9-2-2V17.4L23,26.5l13.8-9.2v13.5C36.8,31.9,35.9,32.8,34.8,32.8z"></path></svg></a></li></ul>
                        
                       <small class="article-published">This article was published on <time datetime="2018-03-29" itemprop="dateModified">Mar 29, 2018</time></small> </div>
            </div>
        </div>
        <footer>
            <div class="footer-affiliations">
                <div class="container">
                    <div class="footer-affiliation-image"> <img src="https://www.ed.ac.uk/files/footer/is_-_1632.png" width="74" height="100" alt="Part of Informations Services" /> </div>
                    <div class="footer-affiliation-image"> <img src="https://www.ed.ac.uk/files/footer/wa_standard_13_0.jpg" width="164" height="172" alt="Standard of Excellence web award 2013" /> </div>
                    <div class="footer-affiliation-image"> <img src="https://www.ed.ac.uk/files/footer/connect-awards-logo_0_0.gif" width="290" height="120" alt="Holyrood ICT connect awards - shortlisted" /> </div>
                </div>
            </div>
            <div class="footer-subsite-content">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6 col-md-4">
                            <p><a class="uoe-node-link uoe-published" href="https://www.ed.ac.uk/website-programme/about-us/awards" title="Awards">Our awards - find out about the awards the University Website Programme has received</a></p>
                        </div>
                        <div class="col-sm-6 col-md-4">
                            <p><a href="https://www.wiki.ed.ac.uk/x/TkYzDQ">EdWeb support wiki - Practical guidance for using EdWeb [EASE login needed]</a></p>
                            <p><a href="https://www.wiki.ed.ac.uk/x/vh4oD">Website support wiki - Editorial advice and non-EdWeb guidance [EASE login needed]</a></p>
                        </div>
                        <div class="col-sm-6 col-md-4"> <a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/contact-edweb-demo" class="btn btn-uoe btn-sm">Contact us <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a> </div>
                    </div>
                </div>
            </div>
            <div class="footer-discover">
                <div class="container">
                    <h3>The University of Edinburgh</h3> </div>
            </div>
            <div class="footer">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-4">
                            <ul>
                                <li><a href="https://www.ed.ac.uk/about/website/website-terms-conditions">Terms &amp; conditions</a></li>
                                <li><a href="https://www.ed.ac.uk/about/website/privacy">Privacy &amp; cookies</a></li>
                                <li><a href="https://www.ed.ac.uk/sustainability/modern-slavery-statement">Modern slavery</a></li>
                            </ul>
                        </div>
                        <div class="col-sm-4">
                            <ul>
                                <li><a href="https://www.ed.ac.uk/about/website/accessibility">Website accessibility</a></li>
                                <li><a href="https://www.ed.ac.uk/about/website/freedom-information">Freedom of information publication scheme</a></li>
                            </ul>
                        </div>
                        <div class="col-sm-4 col-xs-6">
                            <a href="https://www.ed.ac.uk/about/mission-governance/affiliations"> <img class="pull-right img-responsive" alt="University affiliations" src="https://www.ed.ac.uk/sites/all/themes/uoe/assets/footer-affiliations.png" /> </a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 col-sm-push-8 text-right"> <a class="btn btn-uoe btn-sm" href="https://www.myed.ed.ac.uk/"> MyEd login <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a> </div>
                        <div class="col-sm-8 col-sm-pull-4">
                            <p> The University of Edinburgh is a charitable body, registered in Scotland, with registration number SC005336, VAT Registration Number GB&nbsp;592&nbsp;9507&nbsp;00, and is acknowledged by the UK authorities as a &ldquo;<a href="https://www.gov.uk/guidance/recognised-uk-degrees">Recognised body</a>&rdquo; which has been granted degree awarding powers. </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container container-footer-copyright">
                <div class="copyright">
                    <p>Unless explicitly stated otherwise, all material is copyright &copy; The University of Edinburgh 2018.</p>
                </div>
            </div>
            <div class="container text-right">
                <a rel="nofollow" class="footer-login-link" href="https://www.edweb.ed.ac.uk/user/login?destination=node/3249"> <abbr class="initialism">CMS</abbr> login <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a>
            </div>
        </footer>