View Types
already.events supports six view types. Visitors can switch between enabled views using the selector bar, and their preference is saved in the browser.
Available views
| View | Best for |
|---|---|
| Month | Overview of the full month in a calendar grid. Event chips show on each day, with a "+N more" overflow for busy days. |
| Week | Seven-column layout of the current week. |
| Day | Single-day view with all events listed. Navigate between days. |
| Grid | Card layout with thumbnails. Great for visual browsing of upcoming events. |
| List | Compact chronological list. Efficient for scanning many events. |
| Detail | Two-column view for a single event: image gallery on one side, event info on the other. Visitors reach this by clicking any event. |
Pagination
Grid and list views are paginated — they show a set number of events per page (default: 10). Visitors use "Load more" to see additional upcoming events and "Show earlier" to see past events (when past events are enabled).
Past events
A toggle button appears when past events exist. Visitors can show or hide past events — this preference is in-memory and resets when the page is reloaded.
When past events are visible in grid and list views, they're shown in reverse-chronological order (most recent first) with their own "Show earlier" pagination.
Responsive behavior
The calendar adapts to different screen sizes:
- Desktop (above 1024px) — all views available, full-width grid
- Tablet (768–1024px) — condensed month view, two-column grid
- Mobile (below 768px) — defaults to list view, single-column layout, week view hidden from the selector
These breakpoints and mobile defaults are customizable via embed settings.
Description rendering
Event descriptions support three formats, detected automatically:
- HTML — if the description contains HTML tags, they're rendered (with sanitization for safety)
- Markdown — if the description contains Markdown syntax (headings, bold, links, lists), it's parsed and rendered
- Plain text — the default. Newlines are preserved, and text is displayed as-is