How to generate a list of events?

Undraw Animating

About

This howto shows you how you can generate a list of pages event with the iterator components.

Steps

Open your tag iterator component

In your document, begin by opening your tag component:

<iterator>

Select your pages

Then add your page selection with the page sql.

We select the active page events:

<data>select from pages where date_end >= now order by date_start asc</data>

Define your fragment

Then define your fragment as being:

<fragment>
  * from ${date_start | format()} to ${date_end | format()} - [[$path|$title]]
</fragment>

Close your iterator component and save

Write the closing tag and save your page.

</iterator>

The result

You obtain this result on this website.

Apply your layout

You can use any component to layout your pages.

For instance, you can add them in a grid:

How to generate and layout a list of pages with a grid and their image?




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Undraw My Documents
ComboStrap Semantic - Event

An event page is a page that describes an event
How to define your data set with Sql

This page defines the sql that can be used to retrieve data from pages



Task Runner