Events Widget - Dashboard V5
- Dominant language
- Dart
- Stars
- 44
- Forks
- 13
- PR merge metrics
- No merged PRs in 30d
Description
I want to display a series of club-related events in a carousel-style widget, with visuals and key details for each event. The widget would be placed at the bottom of the dashboard page
**Widget Layout and Behavior**
- Title text: "Événements", centered
- Corner radius: 25px (applied to entire widget)
**Event Display Area**
Each event is represented by a full-size image filling the widget background.
**Overlay at the bottom of the image:**
- Faded black background (semi-transparent) for text readability.
- Event Title: Font size: 16px
- Event Date (Subtitle): Font size: 12px
**Scrolling & Pagination**
- Display one event at a time.
- Scrollable horizontally using left/right arrows and horizontal sliding motion.
- Pagination dots:
**Auto-scroll behavior:**
- If no user interaction occurs for 2 seconds, auto-scroll to the next event.
- Animation duration: 0.5 seconds (smooth transition)
**Additional Notes**
- The design must remain fully responsive across screen sizes.
- Auto-scrolling should loop back to the first event after the last one.
- Manual scrolling should reset the 2-second timer.

Contributor guide
Assessment
This issue has not been assessed yet.