[Image Resizer] Option to reorder presets and/or show presets as buttons instead of a drop-down

[ghost]

Description of the new feature / enhancement

Right now the presets are shown in a drop-down in the order they were created and the top preset is shown as default when opening the resizer. If the users adds new preset it is at the bottom. To change the order all presets have to be deleted and entered again.

It would be useful to be able to reorder the presets in the options, so that the most-wanted preset is on top.

Alternatively or additionally the presets could be shown as buttons instead of entries in a drop-down list when using the application.

Scenario when this would be used?

every time the user wants to select a different preset.

Supporting information

No response

[Jay-o-Way]

I like both ideas

[niels9001]

@Mugros @Jay-o-Way Agreed!

The presets as a ComboBox can be seen here: #1053 (comment)

Reordering would be nice, similiar to Color Picker formats.

[ghost]

@niels9001 In the linked comment I don't see any fundamental difference to the current version except the save option. It's still a simple dropdown, MS just calls it "ComboBox". In order to see other option or use them I still have to first click the current item and then select one. That's one extra click.
The reordering in the Color Picker is about the worst way it can be done in a UI. First, you don't see that you can reorder them, you have to click the 3-dot menu first to see the options. And then you can only move one item one place at a time. Imagine you want to put the last item to the top. There are 11 items, you have to do it 10 times with a total of 20 clicks.
A better example is the Windows 11 language settings. With multiple languages you can see 6 dots on the entry as a handle. Then you can drag and drop it wherever you want. Some operation as above would take one click and one move. And you can see it is a draggable list item. That's a good UI.

FWIW, Image Resizer seems to remember the last used option, so if you add a favourite option, it will show up as the initial settings if you used it before. Still, it would be better if the user can see all options at a glance and then select with one click.

[niels9001]

@Mugros Oh wait, I think I misunderstood your initial ask. Nevermind.

We were displayed as radiobuttons in the past, but that doesn't scale either. What happens when there are 20 options available? A ComboBox scales well and doesn't require much space. I don't see how Buttons would be beneficial in this case.

I am aware the current reordering for formats isn't great. It was based on drag-to-reorder in the past, but that was removed due to a crashing bug in XAML Islands. It worked very similiar to the Windows 11 Language list. If Settings moves to WinUI 3 that might be an option again if the crashing bug is resolved.

[ghost]

@niels9001 You need to consider the scope of such a tool. More than a few presets don't make sense with these few options available, so this is very unlikely. Still this needs to be considered and could be done by an overflow scrollbar if there are e.g. more than 9, i.e. 3x3 button grid. The use case of someone with a handful of settings will be much more common than someone creating 20 presets. This isn't exactly the tool for power users that constantly resize images. For this I use e.g. XnViewMP which has way more options. And even then I don't have tons of presets. Typically a few will suffice. And that's why I think it is more beneficial to provide a way to instantly show the available presets and being able to choose them with one click.

[niels9001]

@mugros A row (or grid) of buttons wouldn't make much sense here, as the user would select a size and then click the apply button. A ToggleButton could be a possibility, but those are commonly used for turning on/off with an immediate action, not the case here. With a 3*3 grid of buttons we run into the issue of long text labels (and localization).

A list of RadioButtons could be appropriate (like we had before, but was replaced with a ComboBox due to #13283) - but it's best practice in UI design to replace RadioButtons with a ComboBox whenever there are more than 5-7 options. Also for keeping the UI compact and reduce clutter.

[ghost]

@niels9001 The type of button I mean stays activated and there is no apply button. I never meant ToggleButtons.
The old RadioButton list is better IMO and someone else suggested using a "scrollviewer" which was liked. This would avoid the shown bug.
I understand that the design guidelines suggest using ComboBoxes for more items, but I'd still argue that the typical use case for this PowerToy will only have a few options to begin with and I'd rather reduce the number of clicks to achieve the same result. the Combobox add 50% clicks to achieve the same result plus hiding the presets.

But to conclude, the main point is to easily reorder the list. Although not for remembering the default option, because that's the last one used I realized.

[Jay-o-Way]

Part of #19080

[legowerewolf]

Oh god, please.

I configured these in the 'wrong' order, and it's driving me nuts, but not enough to delete/recreate them.