Dieser Artikel existiert aktuell nur in englisch, wir bitten dies zu entschuldigen.
The events overview page was created to help our clients display a list of selected events on their own website. This feature is targeted to our customers who have a lot of events which are open to public registration and which they want to share / list on their website.
How does it work
Event overview pages are a premium feature of MATE. To get access, please contact the MATE sales team: email@example.com
How do I include the event overview page in my webpage?
<title>MATE Veranstaltungsübersicht Beispiel</title>
Custom styling of the overview page
The overview page uses two separate css files: mate-main.css and mate-brand.css.
mate-main.css is holding the functional part of the overview app and must not be changed.
mate-brand.css is a possible implementation of you brand information. You can use it as a base to tinker around with the styling of the page overview. Either you link to it in your html page and overwrite parts of it or you can copy all the styles into your page / css file and change them according to your needs. The following settings are part of the mate-brand.css file:
OVERVIEW PAGE WIDTH
BORDER RADIUS (you can put it to 0px if you want your buttons to be sharp)
Filter and search
The search field can be used to search in the title and description of an event. If tagging (optional feature) is used, the events can be filtered for certain tags. It's possible to group tags into sections. For information how to do this, please contact your MATE Support team: firstname.lastname@example.org
Additional features you can implement
- It's possible to hide events once they are fully booked by adding hide-fully-booked="true" to our div container when you are embedding him into your website: