Printer selection dialog redesign #810

Open
opened 2026-04-05 16:31:52 +02:00 by MrUnknownDE · 0 comments
Owner

Originally created by @yw4z on 2/11/2026

TODO

• Code cleanup
• Fix clipped nozzle text (linux)

IMPROVEMENTS

• Added 2 new layout options Compact & List view. here is difference between scroll height

Stock   layout 27560px
Cover   layout 24127px (%10 less)
Compact layout 13859px (%50 less)
List    layout 7751px  (%70 less)

• Any regular key press focuses search bar. so you dont have to click it to type a keyword
• Search bar is first focus point
• Used sticky titlebars so vendor names always visible. that allowed to remove vendor names from printer cards
• Switched to centered design on printer cards for more cleaner look
• Added indeterminate / half checked look on checkbox. and replace all / none buttons with checkboxes on titlebars
• Added selected / total to titlebar. this area completely clickable to increase hitbox size of checkbox
• Added a "Create" button. thanks to @johnny-bit for idea
• Added information panel for each printer card. currently only nozzle information available
• Added sidebar for faster vendor selection. also it might be handy for future additions
• Added a lot of minor improvements for styling and layout

FIXES

• Added a function to sort vendors alphabetically. it was using an unordered list before

COMPARISON

Before
Screenshot-20260212024700

After
Cover View
Screenshot-20260213144759

Compact view
Screenshot-20260213144802

List view
Screenshot-20260213144806

In action
kQ0wjI0iLe

Printer information
oO6lSl93GP

*Originally created by @yw4z on 2/11/2026* ### TODO • Code cleanup • Fix clipped nozzle text (linux) ### IMPROVEMENTS • Added 2 new layout options Compact & List view. here is difference between scroll height ``` Stock layout 27560px Cover layout 24127px (%10 less) Compact layout 13859px (%50 less) List layout 7751px (%70 less) ``` • Any regular key press focuses search bar. so you dont have to click it to type a keyword • Search bar is first focus point • Used sticky titlebars so vendor names always visible. that allowed to remove vendor names from printer cards • Switched to centered design on printer cards for more cleaner look • Added indeterminate / half checked look on checkbox. and replace all / none buttons with checkboxes on titlebars • Added selected / total to titlebar. this area completely clickable to increase hitbox size of checkbox • Added a "Create" button. thanks to @johnny-bit for idea • Added information panel for each printer card. currently only nozzle information available • Added sidebar for faster vendor selection. also it might be handy for future additions • Added a lot of minor improvements for styling and layout ### FIXES • Added a function to sort vendors alphabetically. it was using an unordered list before ### COMPARISON **Before** <img width="816" height="665" alt="Screenshot-20260212024700" src="https://github.com/user-attachments/assets/cea3b1e5-ced4-4c45-8c3a-ace035e8c510" /> **After** **Cover View** <img width="820" height="660" alt="Screenshot-20260213144759" src="https://github.com/user-attachments/assets/66d6715a-b98b-49ba-950b-35a23983a930" /> **Compact view** <img width="820" height="660" alt="Screenshot-20260213144802" src="https://github.com/user-attachments/assets/28a1ffe9-be4d-4aa2-b3c9-eaf8fbd98987" /> **List view** <img width="820" height="660" alt="Screenshot-20260213144806" src="https://github.com/user-attachments/assets/e8f5a314-bd80-4286-80a6-7b5aa497ce92" /> **In action** ![kQ0wjI0iLe](https://github.com/user-attachments/assets/b3c08bca-73a4-4d69-8039-3165003dc81f) **Printer information** ![oO6lSl93GP](https://github.com/user-attachments/assets/405cb671-4c3b-4b5a-b973-bb1e17259f24)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/OrcaSlicer#810