Combine buttons in Sketch task's UI to reduce the UI width
Forum rules
Be nice to others! Respect the FreeCAD code of conduct!
Be nice to others! Respect the FreeCAD code of conduct!
-
- Posts: 86
- Joined: Wed Oct 02, 2019 12:16 pm
Re: Combine buttons in Sketch task's UI to reduce the UI width
I don't think list is a good UI, when you scroll to get down and if your mouse pointer on the a drop down menu then it scroll the list instead of the view, Annoying.
Toggle button is the best way. Currently those 1 button shows all the constrains and other hides all. With one button, one click it will show all and another click it will hide all. simple. Final look will be like this Also that "restrict visibility" doesn't make sense. clicking that it always marks all of the constrains and shows them even enabling the "Show Only filtered constrains". Basically it makes all constrains visible doesn't matter their state. That "restrict visibility" is unnecessary. if someone thinks does something that important then that drop down menu can be in the settings window, that will make the the width of the "restrict visibility" button's width smaller.
If wee remove that unnecessary "restrict visibility" button then Or we can show the list view header and clicking that corner button will do the Toggle Visibility work
Toggle button is the best way. Currently those 1 button shows all the constrains and other hides all. With one button, one click it will show all and another click it will hide all. simple. Final look will be like this Also that "restrict visibility" doesn't make sense. clicking that it always marks all of the constrains and shows them even enabling the "Show Only filtered constrains". Basically it makes all constrains visible doesn't matter their state. That "restrict visibility" is unnecessary. if someone thinks does something that important then that drop down menu can be in the settings window, that will make the the width of the "restrict visibility" button's width smaller.
If wee remove that unnecessary "restrict visibility" button then Or we can show the list view header and clicking that corner button will do the Toggle Visibility work
- Shalmeneser
- Veteran
- Posts: 9475
- Joined: Wed Dec 23, 2020 12:04 am
- Location: Fr
Re: Combine buttons in Sketch task's UI to reduce the UI width
I like having the checkbox in the header. But it would be rather cumbersome if it should perform a toggle. Other applications use this as well, but selecting it will select all, and deselecting it deselects all. If some are selected, and others are not, then it could be shown in a greyed out state.rahmanshaber wrote: ↑Sun Sep 04, 2022 9:33 am Or we can show the list view header and clicking that corner button will do the Toggle Visibility work
A Sketcher Lecture with in-depth information is available in English, auf Deutsch, en français, en español.
- adrianinsaval
- Veteran
- Posts: 5541
- Joined: Thu Apr 05, 2018 5:15 pm
Re: Combine buttons in Sketch task's UI to reduce the UI width
but in sketcher the checkbox is for visibility, it makes sense that the top checkbox would toggle that. Probably it would be better to replace the checkboxes in the list with an eye icon (common iconography for visibility) but that's a different topic.chrisb wrote: ↑Sun Sep 04, 2022 10:14 am I like having the checkbox in the header. But it would be rather cumbersome if it should perform a toggle. Other applications use this as well, but selecting it will select all, and deselecting it deselects all. If some are selected, and others are not, then it could be shown in a greyed out state.
- adrianinsaval
- Veteran
- Posts: 5541
- Joined: Thu Apr 05, 2018 5:15 pm
Re: Combine buttons in Sketch task's UI to reduce the UI width
Ideal UI for me:
• the "Filter:" label is removed as it's easy to understand what the combobox does
• the filters combobox has checkboxes in the list allowing to select more than one filter from the combobox itself, this eliminates the need for the "select multilple" button *
• a toggle button for the visibility of listed constraints is beside the combobox, using just an eye icon to make it compact **
• the settings buttons just displays a menu with checkbox, this eliminates the need for a dialog window (better UX as it's easier to dismiss), this also eliminates the need for the restrict visibility menu (that only has one item, very bad). ***
* should be doable according to https://stackoverflow.com/questions/842 ... checkboxes but I think the combobox would still close after selecting each filter, making it annoying, so more stuff would be needed to keep it open. Also it would be nice if clicking the checkbox for an item added it to the selected filters but clicking on the label made it the only filter. If the checkboxes in the combobox are too complex to implement another option is to have the "Multiple Filters" as second option after "All" in the combobox and selecting that would bring up the dialog to select them, once again eliminating the need for the dedicated button.
** alternatively the visibility toggle could be a check box at the top of the list as proposed by rahmanshaber. Or no button at all since an apropiate selection fo filters can always achieve whatever you want to do with this function.
*** should be doable according to https://stackoverflow.com/questions/205 ... 84#2054884
@paddle @abdullah @jnxd @openBrain any of you feel like you can (and want to) tackle this?
also here's an old overview by abdullah of this issue: https://forum.freecadweb.org/viewtopic.php?f=8&t=62942
and I'd like to highlight this proposal to have the filters organized in a tree style: https://forum.freecadweb.org/viewtopic. ... 60#p537760
• the "Filter:" label is removed as it's easy to understand what the combobox does
• the filters combobox has checkboxes in the list allowing to select more than one filter from the combobox itself, this eliminates the need for the "select multilple" button *
• a toggle button for the visibility of listed constraints is beside the combobox, using just an eye icon to make it compact **
• the settings buttons just displays a menu with checkbox, this eliminates the need for a dialog window (better UX as it's easier to dismiss), this also eliminates the need for the restrict visibility menu (that only has one item, very bad). ***
* should be doable according to https://stackoverflow.com/questions/842 ... checkboxes but I think the combobox would still close after selecting each filter, making it annoying, so more stuff would be needed to keep it open. Also it would be nice if clicking the checkbox for an item added it to the selected filters but clicking on the label made it the only filter. If the checkboxes in the combobox are too complex to implement another option is to have the "Multiple Filters" as second option after "All" in the combobox and selecting that would bring up the dialog to select them, once again eliminating the need for the dedicated button.
** alternatively the visibility toggle could be a check box at the top of the list as proposed by rahmanshaber. Or no button at all since an apropiate selection fo filters can always achieve whatever you want to do with this function.
*** should be doable according to https://stackoverflow.com/questions/205 ... 84#2054884
@paddle @abdullah @jnxd @openBrain any of you feel like you can (and want to) tackle this?
also here's an old overview by abdullah of this issue: https://forum.freecadweb.org/viewtopic.php?f=8&t=62942
and I'd like to highlight this proposal to have the filters organized in a tree style: https://forum.freecadweb.org/viewtopic. ... 60#p537760
Re: Combine buttons in Sketch task's UI to reduce the UI width
I agree the task panel is too wide. However using "toggle" would be a mistake. It is not always the case that all constaints in a category (including All) are showing at any given time. In that case the "toggle" would be a mess. Namely, it would reverse the (random) visibility, which is almost certainly not what is wanted.
Gene
Gene
- adrianinsaval
- Veteran
- Posts: 5541
- Joined: Thu Apr 05, 2018 5:15 pm
Re: Combine buttons in Sketch task's UI to reduce the UI width
That's easy to solve, check the state before applying changes, if not all are visible make them all visible, then if what the user really wanted is to make them all hidden they just need to click again. This is very common behavior, try for example in libreoffice or word to select a text that's partially underlined and partially not and click the underline button, no need for separate buttons for underlined and not underlined. Since users should already be familiar with this kind of behavior it won't be unexpected either.
-
- Posts: 86
- Joined: Wed Oct 02, 2019 12:16 pm
Re: Combine buttons in Sketch task's UI to reduce the UI width
@gnen this is the behavior when you select bodies with having different visibility and clicked the "Toggle Visibility" from right clcik menu it hides the visible ones and will show the hidden ones.GeneFC wrote: ↑Tue Sep 06, 2022 7:58 pm I agree the task panel is too wide. However using "toggle" would be a mistake. It is not always the case that all constaints in a category (including All) are showing at any given time. In that case the "toggle" would be a mess. Namely, it would reverse the (random) visibility, which is almost certainly not what is wanted.
Gene
Why this UX in acceptable in that view and not in the task view?
Either go with the @adrianinsaval solution or the mine shown in the 2nd & 3rd picture.
Re: Combine buttons in Sketch task's UI to reduce the UI width
A toggle button doesn't have to mean alternate the state for each item on the list. Simple "if -> then" logic can be applied to this button.
-If no items selected, toggle alternates the view status of each item displayed in the list.
-Else if individual items are selected then alternate the view status of those specific items.
This would still cover all existing use-cases and as far as I can tell, increase flexibility of the function while maintaining specificity based on user preference.
-If no items selected, toggle alternates the view status of each item displayed in the list.
-Else if individual items are selected then alternate the view status of those specific items.
This would still cover all existing use-cases and as far as I can tell, increase flexibility of the function while maintaining specificity based on user preference.
Re: Combine buttons in Sketch task's UI to reduce the UI width
I have never done that type of toggle in the main tree and I cannot see any reason I would want to.rahmanshaber wrote: ↑Wed Sep 07, 2022 7:41 pm @gnen this is the behavior when you select bodies with having different visibility and clicked the "Toggle Visibility" from right clcik menu it hides the visible ones and will show the hidden ones.
Why this UX in acceptable in that view and not in the task view?
In sketcher I often have some constraints showing and then want to show all. A true "toggle" would be silly in that case.
There are lots of ways to shrink the width without crippling the functionality.
Gene