ApplETS / ApplETS/Notre-Dame

Responsive Tablet Layout (Portrait and Landscape) - V5

Open
#1,219 1 comment 0 reactions 1 assignee Claimed by @BorealApple0939 View on GitHub
enhancement feature: Dashboard platform: android platform: ios tablet V5
Dominant language
Dart
Stars
44
Forks
13
PR merge metrics
No merged PRs in 30d

Description

I want to have an app layout to support tablet devices, offering both portrait and landscape modes with adaptive and responsive UI behavior.

**Orientation Support & Transitions**
- Detect device orientation changes (landscape ↔ portrait).
- Apply smooth transitions and resizing animations when switching between orientations.

**Layout Adjustments**
- All existing widgets (Notes, Horaire, Événements, etc.) remain visually and functionally identical to the mobile version.
- The header layout is updated
- The MonETS, Moodle and Bibliotech (hyperlink) widget is added to the tablet layout and must be implemented

**Dependencies**
This issue depends on the completion of:
- The updated Header component (https://github.com/ApplETS/Notre-Dame/issues/1220)
- The MonETS hyperlink widget (https://github.com/ApplETS/Notre-Dame/issues/1218)
- The Moodle hyperlink widget (https://github.com/ApplETS/Notre-Dame/issues/1225)
- The Bibliotech hyperlink widget (https://github.com/ApplETS/Notre-Dame/issues/1226)
- Progression Widget (https://github.com/ApplETS/Notre-Dame/issues/1211)
- Schedule Widget (https://github.com/ApplETS/Notre-Dame/issues/1212)
- Grades Widget (https://github.com/ApplETS/Notre-Dame/issues/1213)
- Events Widget (https://github.com/ApplETS/Notre-Dame/issues/1215)

**Additional Notes**
Test on multiple tablet screen sizes (e.g., 8", 10", 12.9").

![Image](https://github.com/user-attachments/assets/c889fb87-8288-49ca-a034-c3eaacc054cd)

![Image](https://github.com/user-attachments/assets/f05bdc66-e1d1-4784-a4c3-9e72801ff669)

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.