Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Color picker available through context pad #2868

Closed
davidgs opened this issue Mar 29, 2022 · 5 comments
Closed

Color picker available through context pad #2868

davidgs opened this issue Mar 29, 2022 · 5 comments
Labels
BPMN developer productivity Everything related to improving the developer productivity (both efficiency and effectiveness) enhancement New feature or request modeling ux

Comments

@davidgs
Copy link

davidgs commented Mar 29, 2022

Is your feature request related to a problem? Please describe.

The color menu has moved from a palette to a sub-menu choice in Modeler 5.0. This makes accessing it for repeated tasks extremely painful (especially on a large screen on macOS). Every time I need to color an element I have to go all the way across the screen, to the Edit->SetColor->Choose color menu. Furthermore, there are no color swatches in the menu, and the choices are extremely limited.

Describe the solution you'd like

Move the color chooser to one of 3 places:

  • back to the toolbar where it was conveniently located, easy to find, and easy to use.
  • Make it part of the Properties panel where it would be easy to find and use
  • make an actual fully-featured floating color chooser that can be opened in a separate window
  • provide a keyboard shortcut to conveniently spawn it + use it
  • Chosen approach: integrate via the context pad (requires Add multi-element context pad 'delete' action bpmn-io/bpmn-js#1525)

Describe alternatives you've considered

Pretty much anywhere where it's easy to find and convenient to use. Moving it ONLY to a menu option is not user-friendly

Additional context

It took me a long time to FIND the color menu in 5.0. The loss of the toolbar is a significant productivity killer. I know it "looks cleaner" but at the cost of usability and function I think is too high a price. The choices of colors are needlessly limited. Incorporating something like react-color would make this experience so much better.

@davidgs davidgs added the enhancement New feature or request label Mar 29, 2022
@smbea
Copy link
Contributor

smbea commented Mar 29, 2022

As far as the Edit->SetColor->Choose color menu goes, the lack of color swatches was a bug that has been fixed by #2824

@christian-konrad christian-konrad changed the title The Color menu Easy accessible color menu for model nodes Mar 29, 2022
@christian-konrad christian-konrad changed the title Easy accessible color menu for model nodes Easily accessible color menu for model nodes Mar 29, 2022
@MaxTru MaxTru added the ux label Apr 3, 2022
@MaxTru
Copy link
Contributor

MaxTru commented Apr 3, 2022

FYI @andreasgeier => let's collect this as Feedback.

@davidgs thanks for the feedback! The toolbar was delibaretly removed with 5.0 (see some reasoning in the blog post). So we will probably not bring it back to there (at least not immediately / of course we still collect feedback).

I think the option to have it as part of the propPanel interesting.

@nikku
Copy link
Member

nikku commented Apr 3, 2022

As discussed earlier: We should support this as part of multi select, as it is a grouping feature, at least this is what we consider it at bpmn.io. What we can also consider: Give coloring a keyboard binding, so there is no need to invoke it via the menu.

@nikku nikku added backlog Queued in backlog BPMN modeling labels Apr 3, 2022
@davidgs
Copy link
Author

davidgs commented Apr 3, 2022

FYI @andreasgeier => let's collect this as Feedback.

The toolbar was delibaretly removed with 5.0 (see some reasoning in the blog post).

I understand, though I still disagree with the removal of the toolbar :-) And I'm still questioning moving 'actions' like deploy, etc. to the status bar, since those are not status items, but then again, I'm not a visual designer. I just use the tool. :-)

Having a keybinding for color would be a massive improvement! And having it be a property panel item (since, if you think about it, the color is technically a property) would be nice too.

Thanks!

@christian-konrad christian-konrad added the developer productivity Everything related to improving the developer productivity (both efficiency and effectiveness) label Apr 5, 2022
@smbea smbea changed the title Easily accessible color menu for model nodes Color picker available through context pad May 19, 2022
@smbea
Copy link
Contributor

smbea commented Mar 17, 2023

This was added through camunda/camunda-bpmn-js#217
Screenshot 2023-03-17 at 12 05 36

@smbea smbea closed this as completed Mar 17, 2023
@bpmn-io-tasks bpmn-io-tasks bot removed the backlog Queued in backlog label Mar 17, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
BPMN developer productivity Everything related to improving the developer productivity (both efficiency and effectiveness) enhancement New feature or request modeling ux
Projects
None yet
Development

No branches or pull requests

5 participants