UX,UI : Key mapping with menu item

[amitguptagwl]

https://naturalintelligence.github.io/imglab

User can see key mappings when he clicks on keyboard icon. In addition, it'll be good if we display key mappings with each menu item.

Watch for changes, or Bookmark for easy discovery. Fund this project for new features and maintenance. [Showcase] your project with us by raising an issue

[DheenodaraRao]

Can you be more specific? I am interested to contribute.

[amitguptagwl]

If you'll visit mentioned link, you'll notice a 3 line icon on top left corner. When you'll hover on that you'll see list of menu items.

We want to show the key mapping with each item floating to the right.

Open - Ctrl + i Save - Ctrl + e

[alvinvoo]

Hi @amitguptagwl , are you referring to the tooltip when mouse hover over the Open and Save?

I saw that you had jquery-ui installed. I did a small jsfiddle using jquery-ui:

Please tell me if this is what you are looking for. Thanks.

[amitguptagwl]

Yes that can be a way. However I was aiming to show them all the time in the right side of each menu item. So the user can press relevant key instead of hovering the mouse to know.

[alvinvoo]

@amitguptagwl Like this?

[amitguptagwl]

Yes but without background color.

[alvinvoo]

@amitguptagwl How bout this. The simpler the better?

[amitguptagwl]

This is good.

[alvinvoo]

@amitguptagwl PR created. Thanks!

[amitguptagwl]

Thanks @Alvin-Voo . merged