ApplETS / ApplETS/Notre-Dame

Events Widget - Dashboard V5

Open
#1,215 0 comments 0 reactions 0 assignees View on GitHub
Amélioration enhancement feature: Dashboard platform: android platform: ios 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.

![Image](https://github.com/user-attachments/assets/57cb35bd-212f-4f73-919d-74350d91f5e4)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.