Events

Events

This Is A Sample Event Page

How to Edit This Page!

Rich Text Content Block

This page mostly uses the standard plugins used for custom conten elseswhere (Column Blocks, Content Bocks, Image Grids, etc.). Three dedicated Event plugins are used: the Event Details plugin displays the "agenda" field of the selected event, Event Map plugin display a map to based on the "location" field of the selected event, and the Event CTA plugin displays the date and sign-up link of the selected event. The layout of this page is meant as an example that can be used to reproduce the design comp for this page. Important considerations to match the comp: make sure the correct column layouts are preserved using Column Blocks, and add any additional content, such as venue details or contributors, using standard plugins.

The Paul G. Allen Frontiers Group Inaugural Event

01/01/2017 to 01/03/2017

Details

  • Event info
  • Speakers
  • Etc.

Images from the Event

Contributors

Agenda

Day 1

8:00 - 8:30

Ornare vestibulum nec tristique sem enim

8:30 - 11:00

Alesuada vestibulum sagittis

11:00 - 5:00

A hendrerit malesuada vestibulum 

Day 2

8:00 - 8:30

Alesuada vestibulum sagittis

8:30 - 11:00

Ornare vestibulum nec tristique sem enim

11:00 - 5:00

A hendrerit malesuada vestibulum

Day 3

8:00 - 8:30

A hendrerit malesuada vestibulum

8:30 - 11:00

Alesuada vestibulum sagittis

11:00 - 5:00

Venenatis gravida cubilia consectetu

615 Westlake Ave N
Seattle, WA 98109

Venue Details

How to Create A Custom Event Page

Creating a custom event page such as the one above, is a multi-step process. This is a walk-through for duplicating the sample page.

  1. Create an event document.  All event pages start with an event document. Creating an event will create a default event page which will be overridden once the custom event is complete. For more see Working with Documents.
  2. Create the page. Use the page interface to create the new page. This page may be anywhere, but it is recommended that they be sub-pages of the events page.
  3. Add Plugins to the page. The sample custom page was created with a combination of general and event-specific plugins.
    1. Add a Breadcrumb Header to the Hero placeholder.
    2. To create the main headline and billboard image, add a Content Block to the Content placeholder. Select "image full-width, above contet" as the media placement. Add the title for this content block.
    3. The event overview section consists of two columns, so add a Column Block to the Content placeholder. This will create to Columns which may content additional plugins. To match the sample, select "two unequal columns, 2:1" for the layout. The recommended minimum plugins to add here are a Content Block in the first column to provide general information and to the second column a Event CTA ("call-to-action") to link to the registration for the event. The sample above includes addition plugins in the second column to demonstrate some of the options available.
    4. The sample page uses an Image Grid plugin to display the list of partner logos. This page uses this outside of a column to break up the layout.
    5. Beneath the partner logos. The information block is displayed in a box with a the institutes background color. To reproduce this requires two container plugins: first, add a Background Block plugin and select the "light background" color. Within this plugin, then add a Column Block and select the "two equal columns" layout. To match the sample page, add an Event Details plugin to add the event's agenda to the first column and the Event Map plugin to add a map to the second column. Additional venue information (such as the address or parking details, for example) may be added using a standard Content Block.
    6. This completes the sample page as shown above. There are not limitations on what this page may contain and the column layouts described above are not required.
  4. Publish the custom page.
  5. Assign the custom page to the event. Now that the custom page has been completed, edit to original Event document and set the override page to the new custom page. This will replace the existing default page with the new custom page.
0