Project

General

Profile

Actions

Feature #28829

open

Add right-click context menu to the contextual area of an issue

Added by Go MAEDA almost 6 years ago. Updated over 5 years ago.

Status:
Reopened
Priority:
Normal
Assignee:
Category:
UI
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:
Fixed

Description

Patch #26655 has added icons to open the context menu on the issues list. The button is very helpful and I really like it. It would be great if issues#show page has the same button as well. It allows users to update various fields (e.g. assignee, status, priority, category, custom fields, ...) easily and quickly.

Assume that you are about to update the assignee field. In the current version, you need 4 clicks to complete the operation (click "Edit", open "Assignee" drop-down, select a user, and click "Submit"). However, if the button is implemented, all you need is just 2 clicks ( click the context menu icon and then click a user).

I think the button greatly improves UX and productivity.


Files

context-menu-for-issue-show@2x.png (38.7 KB) context-menu-for-issue-show@2x.png Go MAEDA, 2018-05-21 15:54
Add-context-menu-icon-on-issue.patch (3.04 KB) Add-context-menu-icon-on-issue.patch Mizuki ISHIKAWA, 2018-05-22 03:35
28829-screenshot@2x.png (65.4 KB) 28829-screenshot@2x.png Go MAEDA, 2018-05-22 04:21
28829-responsive-bug@2x.png (19.5 KB) 28829-responsive-bug@2x.png Go MAEDA, 2018-05-22 05:02
Add-context-menu-icon-on-issue-v2.patch (3.64 KB) Add-context-menu-icon-on-issue-v2.patch Mizuki ISHIKAWA, 2018-05-23 07:38
Add-context-menu-icon-on-issue-v3.patch (3.6 KB) Add-context-menu-icon-on-issue-v3.patch Mizuki ISHIKAWA, 2018-05-23 07:46
only_add_notes.png (29.3 KB) only_add_notes.png Marius BĂLTEANU, 2018-06-13 22:39
all_permissions.png (90.1 KB) all_permissions.png Marius BĂLTEANU, 2018-06-13 22:41
fix-context-menu-on-issue.patch (6.25 KB) fix-context-menu-on-issue.patch Mizuki ISHIKAWA, 2018-08-07 02:30

Related issues

Related to Redmine - Patch #26655: Additional icon for contextmenuClosedGo MAEDA

Actions
Related to Redmine - Feature #729: Issues: (semi-)inline issue editingNew2008-02-23

Actions
Related to Redmine - Feature #28086: Add context menu for attributes in issue detailsClosed

Actions
Related to Redmine - Feature #33153: UI feature to quickly change issue statusNew

Actions
Actions #1

Updated by Go MAEDA almost 6 years ago

  • Related to Patch #26655: Additional icon for contextmenu added
Actions #2

Updated by Go MAEDA almost 6 years ago

  • Related to Feature #729: Issues: (semi-)inline issue editing added
Actions #3

Updated by Go MAEDA almost 6 years ago

  • Related to Feature #28086: Add context menu for attributes in issue details added
Actions #4

Updated by Mizuki ISHIKAWA almost 6 years ago

I attached a patch that realizes this feature.
I think it is very convenient to be able to change some items without opening the edit panel.

Actions #5

Updated by Go MAEDA almost 6 years ago

Mizuki, thank you for writing the patch so quickly.

This is a screenshot of the patch. Users can update various fields with the context menu, without moving to "Edit" form.

Issues list already has the 3-bullets button to show the context menu. I think that adding the button to the issue page is very reasonable and makes the UI consistent.

Actions #6

Updated by Go MAEDA almost 6 years ago

I noticed the following points. Please check.

  • The patch works without icon-only-context-menu CSS class. We can pinpoint the icon with .contextual span.hascontextmenu.
  • The button looks ugly on mobile screens. Please see the screenshot below.

Actions #7

Updated by Yuuki NARA almost 6 years ago

+1
I applied this patch and 26655 to my 3.4 environment.
LGTM

Actions #8

Updated by Anonymous almost 6 years ago

+1!

Actions #9

Updated by Mizuki ISHIKAWA almost 6 years ago

Go MAEDA wrote:

I noticed the following points. Please check.

  • The patch works without icon-only-context-menu CSS class. We can pinpoint the icon with .contextual span.hascontextmenu.
  • The button looks ugly on mobile screens. Please see the screenshot below.

I fixed about points you pointed out.

This feature seems to be wanted by many people.
Thank you for a great idea, Go MAEDA.

Actions #11

Updated by Go MAEDA almost 6 years ago

  • Target version set to Candidate for next major release
Actions #12

Updated by Bernhard Rohloff almost 6 years ago

I also think that it makes sense to place the editing options inside the already existing contextual area. This is a place people already know and would search for a feature like that. Good job!

That said I have just two things which bother me:

  1. The context menu replicates the entire list of buttons which are already shown in the contextual area which feels very odd to me. Perhaps they can be hidden with some CSS magic.
  2. The three dot icon is the only button in the list which has no label what makes it difficult to recognize it as a clickable item. I think a descriptive label like "More options" would helpful in that case.
Actions #13

Updated by Go MAEDA almost 6 years ago

Bernhard Rohloff wrote:

  1. The context menu replicates the entire list of buttons which are already shown in the contextual area which feels very odd to me. Perhaps they can be hidden with some CSS magic.

I can understand your opinion. However, some users, including me, may expect seeing same menu items with the context menu in other pages. In my opinion, context menus should always have the same set of items for the same object. It is very consistent.

  1. The three dot icon is the only button in the list which has no label what makes it difficult to recognize it as a clickable item. I think a descriptive label like "More options" would helpful in that case.

I think we don't have to add a label for the icon. The contextual area is already crowded with many icons, especially when you have admin privilege. I think there is no problem even without a label for the icon because the 3-dots icon will be displayed in issues list in Redmine 4.0.0 (see #26655). In addition, people see similar icon in many applications, so they are familiar with the kind of icons.

Actions #14

Updated by Bernhard Rohloff almost 6 years ago

Bernhard Rohloff wrote:

That said I have just two things which bother me:

...

Oh I forgot to say that I'm totally fine with the current implementation, anyway. My 2cts shouldn't be a show stopper for this patch. :-)
1+

Actions #15

Updated by Go MAEDA almost 6 years ago

  • Target version changed from Candidate for next major release to 4.1.0

Thanks, Bernhard!
I am setting target version to 4.1.0.

Actions #16

Updated by Go MAEDA almost 6 years ago

  • Subject changed from Add context menu icon to issue's contextual area to Add right-click context menu to the contextual area of an issue
  • Status changed from New to Closed
  • Assignee set to Go MAEDA
  • Target version changed from 4.1.0 to 4.0.0
  • Resolution set to Fixed

Committed. Thank you for your contribution.

Actions #17

Updated by Enziin System almost 6 years ago

Please push to Github mirror.

Thanks.

Actions #18

Updated by Marius BĂLTEANU almost 6 years ago

Even if this feature is committed, I want to share my feedback:

1. I agree with Bernhard Rohloff regarding the entire list of buttons which looks very odd to me in some cases. I'm adding some examples below:

User only with permissions to add notes:

2. User with full permissions have 5 duplicated items:

3. Edit, Copy and Delete items are rendered in all cases.

4. Some fields (ex: Description) cannot be changed from this "menu".

5. Issue status cannot be changed if the new status has some fields mandatory which are not already completed. You'll be thrown in the issue edit page with some validations messages.

I'm not saying that this feature is not a step forward, but IMHO is insufficient considering that we are in the issue page context.

As I said in #28086#note-2, I'm considering that an inline editing feature for editable attributes (excepting status) is a better solution and for status changes, a mechanism to show the next X possible statuses and on click on the next status, the mandatory fields should be shown in order to allow the user to fill them in.

Again, I don't mind if this issue will be delivered in version#4.0.0, but I would like to find a better UI/UX solution in the near feature.

Actions #19

Updated by Mizuki ISHIKAWA over 5 years ago

Thank you for your feedback.

This issue is closed, but I attach a patch to fix about some of the contents pointed out in this issue.

  • Do not display elements such as duplicate watch and copy on the issues/show context menu
  • Do not display icon for unauthorized users in issues / show
  • Fix to prevent icon style from collapsing
  • Add test
Actions #20

Updated by Go MAEDA over 5 years ago

  • Status changed from Closed to Reopened
Actions #21

Updated by Jean-Philippe Lang over 5 years ago

  • Target version deleted (4.0.0)

Thanks for your contributions. I agree that displaying duplicate actions in the dropdown menu is really odd. And there are still some issues even with the last patch applied. For example, the menu will only be displayed if the user is allowed to change the issue status. Besides, if we introduce a dropdown in this place, I think it would be nice to move some actions in the dropdown (eg: copy, delete) to free up some space in the contextual area.
All in all, I prefer to remove this from 4.0 and give it a bit more work.

Actions #22

Updated by Marius BĂLTEANU about 4 years ago

  • Related to Feature #33153: UI feature to quickly change issue status added
Actions

Also available in: Atom PDF