# Event Program Layout

{% hint style="info" %}
Live Demo: <https://campaign.codenation.com/event_program_layout>
{% endhint %}

<figure><img src="https://content.gitbook.com/content/3fZhhPd0PUVpQ3OvBpZ9/blobs/qryHZhIwAWJnJlfTlekR/event-program-layout.gif" alt=""><figcaption><p>Event Program Layout Preview</p></figcaption></figure>

## How to add an event program layout to any page?

1. Create a new basic page.
2. Create a new basic subpage to the page created in step 1 to store information about each day in the event.
   * To update the name that appears in the tab (e.g. "Day 1" or "Day 2") you can update the headline of the subpage.
   * To update the content/activities that shows inside of each tab you can add content to the content field for the subpage. E.g.

<figure><img src="https://content.gitbook.com/content/3fZhhPd0PUVpQ3OvBpZ9/blobs/Hd3aDYZ2FsNEZV2sJbiO/image.png" alt="" width="563"><figcaption></figcaption></figure>

3. Navigate to the page you would like to display the program.
4. On that page add the tag "`Admin Program:[page_slug]`".
   * &#x20;Where "\[page\_slug]" is the slug of the page created in step 1.
