Menu button is always off when hovered

Help & Support
1

I have a menu button:

<?xml version="1.0"?>
<button backcol="none" display="both" textcol="none" type="menu_button">
	<label>Sort options</label>
	<icon1>#DOpus9:sortby</icon1>
	<function type="normal">
		<instruction>@toggle:if MANUALSORT</instruction>
		<instruction>SET MANUALSORT=toggle</instruction>
	</function>
	<button backcol="none" display="both" textcol="none">
		<label>Save</label>
		<icon1>#empty</icon1>
		<function type="normal">
			<instruction>SET MANUALSORTSAVE </instruction>
		</function>
	</button>
	<button backcol="none" display="both" textcol="none">
		<label>Reset </label>
		<icon1>#empty</icon1>
		<function type="normal">
			<instruction>SET MANUALSORTRESET </instruction>
		</function>
	</button>
</button>

When the button is hovered, it's always in off state, I mean it's never pushed down.
It's quite confusing when toggling state of such button and it always looks like off.

2

And by the way - is it possible to somehow detect that manual sorting has been saved for current folder and in such case enable manual sorting automatically? (which in my case will give me a good indication that order has been previously saved, because my button will be in enabled state)

3

By hovered do you mean the button is on a floating toolbar which is detached from any lister? If it isn't part of a lister, it won't react to any lister's current state, even though if you click it it will search for a lister to send the command to.

That kind of thing isn't really meant to work from floating toolbars, since they aren't tied to any lister.

4

Hovered for me means that the mouse cursor is over it.

The button I pasted above toggles ok (changes its state from enabled to disabled and vice versa) but when I hover it it looks like it was disabled (not greyed out but just off). So it's just a graphical glitch, not a lack of functionality.

Same thing happens to my other menu buttons.

Take a look - enabled and hovered looks exactly the same as disabled and hovered. I'm not 100% sure but I think in v11 enabled and disabled buttons looked different even when hovered.

disabled


disabled hovered


enabled


enabled hovered

5

Are you hovering over the button part of the menu part? (Hard for me to tell as Windows 10 looks quite different.)

I think it is showing the "hot" state when the mouse is over the button, which makes some sense.

6

Doesn't matter which one I hover.
If e.g. I hover the button part, the whole thing highlights (a border is added and the background gets lighter). If I move cursor to menu part, the whole thing stays exactly the same.

7

It's showing as "hot" when the mouse is over it, which I think is valid. There is no "pushed and hot" state in Windows.

8

I did some tests on virtual machine and I think you're right. Hovered items don't indicate whether they are enabled or disabled. Thanks for investigation.

9

Ah, I just found out why I got confused.

Normal buttons (without dropdown) don't show their enabled/disabled state when hovered - as opposed to menu buttons (with dropdowns).

Disabled state + hovered

Enabled state + hovered

Enabled state + hovered (for menu buttons)

So it's inconsistent.

I think normal button behavior is better (the one I attached in this post). This is because hover state doesn't provide much information to the user. I know that mouse cursor is over it even without it having "hover state".
But when using toggle button, it's important to know whether the function is currently enabled or disabled.

I would like to use menu buttons as toggle buttons and have them indicate enabled/disabled state in the same way as normal buttons when hovered.

10

Bump

Support++ "Using menu buttons as toggle buttons and have them indicate enabled/disabled state in the same way as normal buttons when hovered."