**This procedure allows you to showcase and manage all upcoming events or activities.** It involves two steps: ## Step 1: create an "Event" page ![GIF Create a Event page](/sites/g/files/dvc2391/files/styles/media/public/image/2024/12/EventGIF.gif?itok=PgjG3XjC) - **Access the Event Page Creation Interface**: - Click on **"Content"** in the admin menu. - Select **"Add Content"** and choose **"Event"**. - **Add the title of this page.** - **Customize the Hero Banner:** - Add a Title. - Add an image or video at the top of the page. Include text and a CTA button if needed. - **Use the Content Push Section**: - Add a title and short description to display on your hub page. - **Set Event Dates**: - Specify the start and end dates for the event. - **Add a Detailed Event Description**: - Provide comprehensive information about the event by using the **text component**. - Use rich formatting to include text, images, videos, GIFs, or additional CTA buttons. - **Save Your Changes and** **change the status to "Published".** **Examples:** [ ![Image Event example 1](/sites/g/files/dvc2391/files/styles/media/public/image/2024/12/Screenshot%202024-12-13%2016.53.27_0.png.webp?itok=g541HTBQ) ](/hub-page-events-example-normal/event-example-1-unlocking-digital-success-2024-webinar)[Event example 1](/hub-page-events-example-normal/event-example-1-unlocking-digital-success-2024-webinar) ### [Event example 1](/hub-page-events-example-normal/event-example-1-unlocking-digital-success-2024-webinar) [ ![Image Event 2 Example](/sites/g/files/dvc2391/files/styles/media/public/image/2024/12/Screenshot%202024-12-16%2015.44.57.png.webp?itok=JLm5zHp0) ](/hub-page-events-example-normal/event-example-2-excellence-gala-2024-corporate-event)[Event example 2](/hub-page-events-example-normal/event-example-2-excellence-gala-2024-corporate-event) ### [Event example 2](/hub-page-events-example-normal/event-example-2-excellence-gala-2024-corporate-event) ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/08/HP%20BG%20-%20grey%20very%20pale.png.webp?itok=OY0Zt4pI) ## Step 2: Create a "hub page" for events Create a page by using "**Page**" content type Add a new **Listing** component Select the "**Event listing**" Choose **Display** option: - "All events" to display every event. - "Only last event" to show the most recent event. - "Only upcoming events" to display future events. Expand the **Options menu** to customize additional settings. - Add a title above all the listed elements, if desired. - Enter a subtitle in the "Arguments" field for extra context. - Enable the "Compact display" option to change the format: - The layout becomes more condensed. - Content push elements (image, title, description) will not appear. - Events are displayed as cards, offering a simpler visual. Preview the page to verify the display and layout. **Save** the changes to publish the event hub page. ![Event](/sites/g/files/dvc2391/files/styles/media/public/image/2024/12/Screenshot%202024-12-16%2016.05.24.png.webp?itok=p8Hxr6I8) **Examples:** [Example of HUB Page for Events - Normal](/hub-page-events-example-normal) ![Join our events hub image ](/sites/g/files/dvc2391/files/styles/default/public/image/2024/12/Screenshot%202024-12-16%2016.08.23.png.webp?itok=xk28ckN-) [HUB Page for Events (example - Compact display)](/hub-page-events-example-compact-display) ![compact display ](/sites/g/files/dvc2391/files/styles/default/public/image/2024/12/Screenshot%202024-12-17%2015.59.37.png.webp?itok=QkwFuJjm) ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/08/HP%20BG%20-%20grey%20very%20pale.png.webp?itok=OY0Zt4pI) ## Discover Content types to Enrich Your Website Pages [All content types here](/drupal-essentials/content-types) [ ![planet article logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%288%29.png.webp?itok=qZGLqlX-) ](/create-planet-article-pages-and-hub-page)[Planet article](/create-planet-article-pages-and-hub-page) ### [Planet article](/create-planet-article-pages-and-hub-page) [ ![Contact logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2821%29.png.webp?itok=Sdni04-2) ](/create-contact-pages-and-hub-page)[Contact](/create-contact-pages-and-hub-page) ### [Contact](/create-contact-pages-and-hub-page) [ ![event logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2820%29.png.webp?itok=SzInMCb-) ](/create-event-pages-and-hub-page)[Event](/create-event-pages-and-hub-page) ### [Event](/create-event-pages-and-hub-page) [ ![Location logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2817%29.png.webp?itok=GEoAWZ5H) ](/create-location-pages-and-hub-page)[Location](/create-location-pages-and-hub-page) ### [Location](/create-location-pages-and-hub-page) [ ![Market logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2812%29.png.webp?itok=5cVANvMP) ](/create-market-pages-and-hub-page)[Market](/create-market-pages-and-hub-page) ### [Market](/create-market-pages-and-hub-page) [ ![Solution logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2813%29.png.webp?itok=u12oKkgl) ](/create-solution-pages-and-hub-page)[Solution](/create-solution-pages-and-hub-page) ### [Solution](/create-solution-pages-and-hub-page) [ ![News logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2814%29.png.webp?itok=QRGiiqH5) ](/create-news-pages-and-hub-page)[News](/create-news-pages-and-hub-page) ### [News](/create-news-pages-and-hub-page) [ ![Press Release logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2815%29.png.webp?itok=htOVILHu) ](/create-press-release-pages-and-hub-page)[Press Release](/create-press-release-pages-and-hub-page) ### [Press Release](/create-press-release-pages-and-hub-page) [ ![Resourcer Story logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2816%29.png.webp?itok=mfBd-Y4g) ](/create-resourcer-story-pages-and-hub-page)[Resourcer Story](/create-resourcer-story-pages-and-hub-page) ### [Resourcer Story](/create-resourcer-story-pages-and-hub-page) Previous Next ## Ask for support We use ServiceNow to track all of your requests and questions [Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50) ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)