Project

General

Profile

Actions

Feature #33682

closed

Display calendar in vertical list layout on mobile screens

Added by Akiko Takano over 3 years ago. Updated 5 months ago.

Status:
Closed
Priority:
Normal
Assignee:
Category:
Calendar
Target version:
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:
Fixed

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

Actions #1

Updated by Mizuki ISHIKAWA over 3 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.

Actions #2

Updated by Go MAEDA over 3 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.

Actions #3

Updated by Akiko Takano over 3 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. 

Actions #4

Updated by Akipii Oga over 3 years ago

+1

Actions #5

Updated by Holger Just over 3 years ago

  • Description updated (diff)
Actions #6

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.

Actions #7

Updated by Takashi Kato 8 months ago

I've written the patch.
The layout switches responsively depending on the size of the screen.

Actions #8

Updated by Takashi Kato 8 months ago

The screencast is here.

Actions #10

Updated by Mizuki ISHIKAWA 8 months ago

The #note-7 patched calendar looks great. I can't wait to use it in Redmine.

Actions #11

Updated by Go MAEDA 8 months ago

  • Target version set to 5.1.0

Setting the target version to 5.1.0.

Actions #12

Updated by Go MAEDA 7 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.

Actions #13

Updated by ASHRAF ALZYOUD 7 months ago

these patch conflict with all plugins in redmineup

Actions #14

Updated by ASHRAF ALZYOUD 7 months ago

ASHRAF ALZYOUD wrote in #note-13:

these patch conflict with all plugins in redmineup

Actions #15

Updated by Go MAEDA 7 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
Actions #16

Updated by Kirill Bezrukov (RedmineUP) 6 months ago

We are already working on this problem. It will be solved in the next release

Actions #17

Updated by ashraf alzyoud 5 months ago

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
  1. helper : calendar
Actions

Also available in: Atom PDF