Compact Printer Selection UI

[yw4z]

TODO

• Fix crash on slice
• Fix nozzle type badge
• Check scaling support
• Check AMS for single extruder BBL machines to show extended nozzle options
• Cleanup code changes

PREVIEW

CHANGES

• Moved BBL sync button and network button to titlebar
• Added new icons for BBL sync button
• Removed wiki button on bed plate selection combo box
• Hides edit icon instead replacing with blank icon to increase text area

• Fixed background and border color on focus. now it covers all frame

FEATURES

• much more compact compared to bbl solution. before-after

• Unified nozzle diameter selection. bottom section is showing nozzle type like brass etc.

• New build plate thumbnails. added icons and colorized them to make them easier to discern

• Auto hides printer cover if there is not enough space

• Auto hides bed plate selection combo box if multiple plates not supported by printer

KNOWN ISSUES

• background of child elements not painting while focusing combobox

QUESTIONABLE - FEEDBACK

• Hide nozzle section if there is only one nozzle option exist
• Wrapping support not exist on combo box. so not wrapping possible on printer combo box on this stage

[MxBrnr]

Excellent UI update!

Thoughts:

1. Wiki article and/or tooltip explaining the different plate type thumbnails? Some are not quite so obvious.
2. Add be careful with using colors for the nozzle types; that can be an issue for vision impaired users, especially if the colors are not so obvious between light/dark modes. I think just words instead of colors would probably be better. And considering how many types exist now (hardened steel, nickle-plated, tungsten, stainless,, brass, diamond, ruby, etc., many ultimately the same color), maybe a field to let the user define them and then show that in the selection box would be even better.

[yw4z]

definitely explanations can be shown on tooltips instead showing useless preview of build plate image
i think a wiki button unnecessary in here. we will start to see a wiki button everywhere if we start to add wiki button to every element. maybe it can be added to end of combobox menu but its a bit tricky on coding side

i already have a PR for color blindly friends #8436
since there are few color options for nozzle types it will not be a problem. also remember this feature doesnt exist before

didnt saw an option for diamont or ruby on UI

i can replace that color usage with text depends on feedback. there is enough room for it

[celtare21]

Love this! I hate the new printer UI.
Question, can't we hide the "Nozzle" selection if there's only 1 nozzle profile? I have fully custom profiles made from the klipper profile and I don't even have a 0.4mm nozzle, I have a 0.5mm one and it shows 0.4 and it's my only profiles as i never change nozzles

[yw4z]

will think about it. i have only one machine preset that has 1 nozzle
do you know how to remove other nozzle profiles from preset?

[MxBrnr]

i think a wiki button is unnecessary in here

I was just thinking a wiki link in the tooltip. I agree we don't need wiki "buttons;" those would only add to the clutter.

didn't see an option for diamond or ruby on UI

Exactly, which is why it would be an even further enhancement. Nickle-plated isn't there either. We could add all those to the list, but it seems there are new types coming out every few months (Obxidian, various "coated" versions, various bi-metals, titanium, etc.), and the terminology for some isn't standardized (e.g. nickle-plated vs plated copper), so that's why I suggest maybe just making nozzle type a user-definition. I understand the idea behind historically just using a drop-down selection for this has been to have the nozzle's common HRC defined in the backend of the software to help prevent the user from using a soft nozzle with an abrasive filament, but I think it's worthwhile to make both type and HRC user-defined, and then just offer the common values in a tooltip. Or maybe only offer both of these options when in advanced/developer mode, and basic modes gets the basic drop-down?. Would definitely be an additional enhancement, so maybe a separate PR.

[celtare21]

Would be awesome for people like me which use only 1 nozzle and the nozzle profile is not even the right size, I have nozzle diameter defined as 0.5 but the profile I guess has 0.4 somewhere.
About the question, noo idea, in my case I started from the generic klipper profile which I think by default has only 1 nozzle? Or at least it did when I created the profiles many years ago? Can't remember

[MxBrnr]

Oh, and something else I just thought of: what about making the printer/bed selection area able to be vertically resized as well, with the same effect of hiding the cover/thumbnail images?
Example: I like to have the settings toolbar wide so that I can read the full names and selections of settings, but the cover/thumbnail takes up too much vertical space in the toolbar.
Another user had a good idea mentioned here about making the images a UI option in Preferences.

[yw4z]

@MxBrnr
there is already an option for nozzle type but it uses combo box with fixed items. check filament type parameter. you can also write text to it for custom ones. currently i dont want to deal with it . at least in this PR

Tooltip feature has already exist for combobox items but somebody needs to fill it :)

@celtare21
i have a klipper based preset that has 3 nozzle options. only my ender 3 profile has 1 nozzle option
maybe all new presets came with multiple nozzle option now as standard

[MxBrnr]

you can also write text to it for custom ones.

Hmm, all I see is the basic drop-down, nowhere to enter custom nozzle types. But yeah, maybe a different PR for that one. Just suggest that if it does become a thing, then the nozzle type color becomes mostly useless, so maybe not worth messing with that and just using words there instead.

[yw4z]

you can write as you wish to this one. just gave an example to show what is possible but ists not used on nozzle type

will replace that area with text. but it has to use shorter names for it

[Hammerfest]

2 questions:
1: with the edit button removed, whats the process for editing a printer
2: is it possible to remove the selection arrow for a compact mode where its a click to open selection options?

thanks for taking into consideration moving the sync button to the menu from the other thread, my other thought was combine it with the printer section but this looks better

[yw4z]

1- didnt removed edit button. previous code replaced edit icon with blank icon instead hiding that causes less area for printer name text. i changed code to hide it completely. its visible again on hover

2- all area clickable for opening related menu. its better to keeping arrows to indicate its a combobox and consistency

[Hammerfest]

1: <3
2: Possible to overlay it on the corner?

[yw4z]

2- didnt understand why you wanted to do that. only printer arrow not in correct position (left side of box)

[Hammerfest]

Keep in mind, I am not aware of whats actually possible here, I think you mentioned that arrow was not moveable or something of that manner so ignore that part of the image, my thought was to reduce wasted space (above/below arrow) and increase icon size/reduce box area
EDIT: dangit, erased some of what i wrote about 2 line word wrap printer name

[yw4z]

arrow of combobox is not movable but i can hide it then add an another arrow. im planning to do it for printer section
but it creates problems on hover events

few notes on your images
• All arrows has to be in same position. otherwise can be confusing. like bottom left etc. its overlapping with image if its placed on left bottom. it will definitely save same space but overlapping elements not preferred

• Nice idea on wrapping text. we have enough space vertically. Will check wrapping is supported by combo box. already few people asked to see all preset name

[Hammerfest]

Yep, I had done the arrow movement prior and just copied it over with the wrap, sorry I didn't edit that out before posting
It is sad that the selection arrow for all 3 cant be moved to a specific corner to get them out of the main dropdown window (all bottom right, all bottom left etc) for a uniform look

TY for entertaining my thoughts

[kisslorand]

Just a thought: wouldn't it look nicer with the edit icon for the printer on the upper right corner?
Maybe in can be squeezed there without hiding any text...

How about make the "sync" button's color the same as "connect" (green)?

[yw4z]

@kisslorand aligned everything vertically
sync button will turn green while connected. there is only 2 states on coding side

@Hammerfest i have tried to wrap printer name. its not supported by combo box. its possible with replacing combo box with regular text and that will break some integrated features and will make it harder to maintain on future upgrades. better to skip that for now