Feature #33682
closed
Display calendar in vertical list layout on mobile screens
Added by Akiko Takano almost 5 years ago.
Updated over 1 year ago.
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
+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.
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.
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.
- Description updated (diff)
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.
I've written the patch.
The layout switches responsively depending on the size of the screen.
The screencast is here.

The #note-7 patched calendar looks great. I can't wait to use it in Redmine.
- Target version set to 5.1.0
Setting the target version to 5.1.0.
- 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.
these patch conflict with all plugins in redmineup
ASHRAF ALZYOUD wrote in #note-13:
these patch conflict with all plugins in redmineup
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
We are already working on this problem. It will be solved in the next release
Kirill Bezrukov (RedmineUP) wrote in #note-16:
We are already working on this problem. It will be solved in the next release
any update??
to work with me im
- helper : calendar
Also available in: Atom
PDF