Feature #33682
closed
Display calendar in vertical list layout on mobile screens
Added by Akiko Takano almost 4 years ago. Updated 6 months ago.
0%
Description
I think the default calendar layout for responsive mode is small and a little hard to see.
It would be user-friendly if the user could change the calendar view from the default to a vertical list style.
I've just created the theme which can change calendar view via JavaScript.
I attached the sample screenshot. I hope it would be help.
Files
| calendar-ui-proposal.png (224 KB) calendar-ui-proposal.png | Akiko Takano, 2020-06-30 15:22 | ||
| 0001-Support-vertical-list-layout-calendar-33682.patch (10.6 KB) 0001-Support-vertical-list-layout-calendar-33682.patch | Takashi Kato, 2023-08-02 17:56 | ||
| vertical_calendar_screencast.webp (346 KB) vertical_calendar_screencast.webp | Takashi Kato, 2023-08-02 18:15 | ||
| 0002-Fix-functional-tests.patch (9.92 KB) 0002-Fix-functional-tests.patch | Takashi Kato, 2023-08-03 00:46 |
Updated by Mizuki ISHIKAWA almost 4 years ago
+1
I think the layout of calendar-ui-proposal.png is very good.
In the current layout, there are many line breaks in the issue information and it is difficult to read.
Updated by Go MAEDA almost 4 years ago
Nice improvement!
I think the button to switch the view is unnecessary because the current calendar view in the mobile mode is not useful. In the mobile mode, showing in a vertical list layout by default is better, I think.
Updated by Akiko Takano almost 4 years ago
Thanks for your feedback.
showing in a vertical list layout by default is better, I think.
I agree with you.
Looking forward to improving the UI.
Updated by
Updated by Holger Just over 3 years ago
I like this proposal.
If you can implement the new mobile layout in CSS only (that is: without requiring different HTML from the tabular view), this can be included in the default mobile theme easily. Here, we already apply different layouts based on the browser window width using CSS @media queries.
Updated by Takashi Kato 9 months ago
- File 0001-Support-vertical-list-layout-calendar-33682.patch 0001-Support-vertical-list-layout-calendar-33682.patch added
- File vertical_calendar_screencast.webp vertical_calendar_screencast.webp added
I've written the patch.
The layout switches responsively depending on the size of the screen.
Updated by Takashi Kato 9 months ago
Fix functional tests
Updated by Mizuki ISHIKAWA 9 months ago
The #note-7 patched calendar looks great. I can't wait to use it in Redmine.
Updated by Go MAEDA 8 months ago
- Subject changed from Calendar UI proposal (Vertical list layout) to Display calendar in vertical list layout on mobile screens
- Status changed from New to Closed
- Assignee set to Go MAEDA
- Resolution set to Fixed
Committed the patch in r22283. Thank you for your contribution.
Updated by ASHRAF ALZYOUD 8 months ago
these patch conflict with all plugins in redmineup
Updated by ASHRAF ALZYOUD 8 months ago
ASHRAF ALZYOUD wrote in #note-13:
these patch conflict with all plugins in redmineup
Updated by Go MAEDA 8 months ago
ASHRAF ALZYOUD wrote in #note-13:
these patch conflict with all plugins in redmineup
Which plugin has problems? I cannot confirm the problem. I have tried the following plugins by Redmine UP and they all work.
- redmine_agile-1_6_5-light.zip
- redmine_budgets-1_0_4-light.zip
- redmine_checklists-3_1_22-light.zip
- redmine_crm-4_3_7-light.zip
- redmine_drive-1_2_0-light.zip
- redmine_people-1_6_3-light.zip
- redmine_resources-2_0_0-light.zip
Updated by Kirill Bezrukov (RedmineUP) 7 months ago
We are already working on this problem. It will be solved in the next release
Updated by ashraf alzyoud 6 months ago
Kirill Bezrukov (RedmineUP) wrote in #note-16:
any update??We are already working on this problem. It will be solved in the next release
to work with me im
- helper : calendar