What this screen does
The Events screen shows a list of upcoming events from your centre, so you can browse and register for them.
How to get here
1. Open the Booking Board app.
2. Tap Events on the home screen.
You are now on the Events screen.
Step-by-step guide
1. Navigation bar
At the top of the screen you find the navigation bar.
Menu icon: Opens the side menu (drawer), where you can navigate to other parts of the app.
Events (title): Shows the screen name so you know where you are in the app.
2. Loading state
When the screen opens, three skeleton fields (placeholder animations) are shown while data is fetched from the server. You do not need to do anything — just wait a moment until the events appear.
3. Events list
When data has been fetched, a list of all upcoming events is shown.
Events are sorted by start time, with the nearest event shown at the top. Only events that have not yet ended are shown on the list. Each event is shown as a card (tile) with information about the event.
Event card: Shows information about a single event (title, time, etc.). Tap the card to see more details.
4. Tap an event
Tap an event in the list to open the event detail page. Here you can see the full description, register and view any tickets.
5. Empty state
If there are no upcoming events, a message with an empty calendar icon is shown. The message reads: “No events” with the subtitle “No available events”. This means your centre has not yet created any upcoming events.
6. Pull to refresh
You can pull down (pull-to-refresh) on the list to update the events. The app fetches the latest events and tickets from the server. The list updates automatically when data has been fetched.