Users can select the editor when starting an example from Che Dashboard

[l0rd]

Is your enhancement related to a problem? Please describe

When a user select a quick start (sample or URL) he cannot choose the editor that will be used in the workspace.

Describe the solution you'd like

Having an editor dropdown list in the dashboar Getting Started page to select the specific editor. cc @beaumorley

Release Notes Text

When starting a workspace from Che samples page in user dashboard it's possible to select the editor that will be included in the development environment.

[sleshchenko]

Added UX label since it's something that needs a design proposal from UX Team.

[max-cx]

The outcome will require new content for the docs, correct?

Do we already know which SME will draft the new content?

[che-bot]

Issues go stale after 180 days of inactivity. lifecycle/stale issues rot after an additional 7 days of inactivity and eventually close.

Mark the issue as fresh with /remove-lifecycle stale in a new comment.

If this issue is safe to close now please do so.

Moderators: Add lifecycle/frozen label to avoid stale mode.

[olexii4]

I have prepared a video https://youtu.be/E9ix6h2bIfc for UX feedback.

[beaumorley]

HI @olexii4 Thanks for sharing the video. It looks great. A few suggestions.

1.) It would be nice to give the user a little more info on what they are doing to compliment the tooltip that gives more info on the editor. There is a title options for a dropdown you could use. Like this:

2.) You could also indicate the editor that is already selected. Like this:

3.) If you wanted to not have the tooltip on rollover, you could also add the icon next to each editor (if they each have a distinct icon that would help the user understand what they are). If that interested you, I could help figure out the icons.

I have a design meeting with my team tomorrow. I will LYK if they have more ideas.

[l0rd]

Thank you @beaumorley that's great.

[olexii4]

@beaumorley I have some proposals:



I have added the 'next' tag icon.
WDYT?

PS
A variant with additional editors:

[l0rd]

@olexii4 I like the next icon but I am confused: if I am using a nightly Che I will have next editors and if I am using stable Che I expect to see stable editors. I would not provide too many options to developers.

[olexii4]

@l0rd The latest variant:

[ibuziuk]

@beaumorley could you please review - eclipse-che/che-dashboard#575
would be great to get your approval before merging ;-)

[beaumorley]

@ibuziuk LGTM. Thank you!