Patch #26655

Additional icon for contextmenu

Added by Felix Gliesche 7 months ago. Updated 21 days ago.

Status:NewStart date:
Priority:NormalDue date:
Assignee:-% Done:

0%

Category:UI
Target version:4.1.0

Description

The contextmenu is a very helpful feature that can increase the productivity while working with redmine. Many people don't know of this great feature because it is only triggered by a right mouse click, which is not a common user interaction on the web. In order to make this feature more prominent this patch adds an icon to table rows that have a contextmenu, which allows to trigger the appearance of the contextmenu with a regular mouse click.

As there was no icon with three dots available in the famfamfam available, we created our own by using an existing icon with a dot.

This gif shows this new icon in action on the issues table:

contextmenu.gif (71.4 KB) Felix Gliesche, 2017-08-09 12:37

vertical.png (109 KB) Marius BALTEANU, 2017-08-14 21:58

mastodon-context-menu-button@2x.png (35.8 KB) Go MAEDA, 2017-08-16 02:52

26555-list_html_erb-for-r16971.diff Magnifier (1.55 KB) Go MAEDA, 2018-01-28 02:35

3_bullets.png - Icon for context menu (1.22 KB) Go MAEDA, 2018-01-28 02:35

icon-for-subtasks@2x.png (18 KB) Go MAEDA, 2018-01-28 05:28

0001-Use-button-as-additional-option-for-contextmenu.patch Magnifier (13.3 KB) Felix Gliesche, 2018-01-30 13:46


Related issues

Related to Redmine - Feature #5711: Make Bulk Edit menu more apparent... New 2010-06-18
Duplicated by Redmine - Feature #1590: Awkward way of accessing shortcut menu in issue list Closed 2008-07-06

History

#1 Updated by Jan from Planio www.plan.io 7 months ago

  • Target version set to Candidate for next minor release

#2 Updated by Jan from Planio www.plan.io 7 months ago

  • File deleted (contextmenu.gif)

#3 Updated by Felix Gliesche 7 months ago

#4 Updated by Jan from Planio www.plan.io 7 months ago

  • Tracker changed from Defect to Patch

#5 Updated by Go MAEDA 7 months ago

+1

Felix Gliesche wrote:

Many people don't know of this great feature because it is only triggered by a right mouse click, which is not a common user interaction on the web.

I think it is exactly right. It is very good idea to make the context menu obvious.

#6 Updated by Luis Blasco 7 months ago

You're absolutely right. Context menu is not used, too "hidden". This is a very good solution.

#7 Updated by Jan from Planio www.plan.io 7 months ago

The patch is based on user research we did for Planio Redmine Hosting. We also surveyed a number of other platforms which use item list representations and context menus (Dropbox, Nextcloud, box.net, etc.). A horizontal three dotted icon seems by far to be the most common trigger for a context menu these days. Right click without alternative was only present in a few examples (e.g. Google Drive). The feature will be rolling out at Planio soon and I would love for this to become part of Redmine as well!

#8 Updated by Go MAEDA 7 months ago

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

The icon greatly improves usability.
Setting target version to 4.1.0.

#9 Updated by Marius BALTEANU 6 months ago

Very nice feature, especially that it will make the context menu available on the mobile.

It looks good also with a vertical three dotted icon.

#10 Updated by Felix Schäfer 6 months ago

Marius BALTEANU wrote:

It looks good also with a vertical three dotted icon.

This would be confusing as the vertical dots are already used as drag and drop handlers for trackers, enumerations, statuses and so on.

#11 Updated by Marius BALTEANU 6 months ago

Felix Schäfer wrote:

Marius BALTEANU wrote:

It looks good also with a vertical three dotted icon.

This would be confusing as the vertical dots are already used as drag and drop handlers for trackers, enumerations, statuses and so on.

From my knowledge, the drag and drop handlers have a green arrow as icon. Anyway, it is not so important how the dots are displayed, both options look good to me and also, the dots can be easily rotated only from CSS. I just wanted to point out this alternative.

#12 Updated by Felix Schäfer 6 months ago

Marius BALTEANU wrote:

From my knowledge, the drag and drop handlers have a green arrow as icon.

You are right, I am sorry, the 3 dots are used in a theme, and vertical dots are used as drag and drop handlers in Gmail for example too.

#13 Updated by Felix Gliesche 6 months ago

  • File 0001-Use-button-as-additional-option-for-contextmenu.patch added

I am attaching an updated patch, that sets correct colspan when grouping issue lists.

#14 Updated by Jan from Planio www.plan.io 6 months ago

  • File deleted (0001-Use-button-as-additional-option-for-contextmenu.patch)

#15 Updated by Go MAEDA 6 months ago

FYI:
Mastodon (social network server) uses horizontal three dots button for context menu.

#16 Updated by Toshi MARUYAMA 6 months ago

  • Description updated (diff)

#17 Updated by Go MAEDA 4 months ago

  • Duplicated by Feature #1590: Awkward way of accessing shortcut menu in issue list added

#18 Updated by Mischa The Evil 4 months ago

  • Related to Feature #5711: Make Bulk Edit menu more apparent... added

#19 Updated by Go MAEDA 24 days ago

I made a slight change to the patch because I couldn't apply to the current trunk (r16971 and later).

And the patch doesn't include 3_bullets.png, so I stole the icon from Planio :)

#20 Updated by Go MAEDA 24 days ago

I found a small problem that the context menu icon is displayed in a wrong position for subtasks. No problem for related issues. I also confirmed the very similar problem in my Planio account.

Felix Gliesche, could you fix this?

#21 Updated by Felix Gliesche 23 days ago

Go MAEDA wrote:

I found a small problem that the context menu icon is displayed in a wrong position for subtasks. No problem for related issues. I also confirmed the very similar problem in my Planio account.

Felix Gliesche, could you fix this?

Sure, I'll have a look into it.

#22 Updated by Felix Gliesche 22 days ago

  • File 0001-Use-button-as-additional-option-for-contextmenu.patch added

I am uploading a patch, that should apply to the current trunk. The problem, you are referencing to is related to missing mobile optimiziation. I added missing styles to public/stylesheets/responsive.css as you can see in the updated version of the patch.

#23 Updated by Felix Gliesche 22 days ago

  • File 0001-Use-button-as-additional-option-for-contextmenu.patch added

I had to update the patch (see attached). Could you please delete the previous one, to avoid confusion?

#24 Updated by Felix Gliesche 22 days ago

I found, that the text shines through, due to right padding, which is not necessary on mobile devices. I removed this, whit this updated patch. Please use this one ;)

#25 Updated by Marius BALTEANU 22 days ago

  • File deleted (0001-Use-button-as-additional-option-for-contextmenu.patch)

#26 Updated by Marius BALTEANU 22 days ago

  • File deleted (0001-Use-button-as-additional-option-for-contextmenu.patch)

#27 Updated by Marius BALTEANU 22 days ago

  • File deleted (0001-Use-button-as-additional-option-for-contextmenu.patch)

#28 Updated by Go MAEDA 21 days ago

  • Status changed from Needs feedback to New

Thank you for updating the patch. Now it works perfectly. I think this feature should be a part of Redmine 4.0 / 4.1.

Also available in: Atom PDF