Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Disabled Buttons - UX Improvement #10019

Open
Ajaiqmar opened this issue Sep 17, 2024 · 2 comments
Open

Disabled Buttons - UX Improvement #10019

Ajaiqmar opened this issue Sep 17, 2024 · 2 comments
Labels
needs-triage Issue needs to be triaged by the area owners

Comments

@Ajaiqmar
Copy link

Describe the bug

Noticed, that the disabled buttons doesn't seem to show Tooltips and it lets the click event bubble to the parent controls.

It seems vital to show the tooltip even in the disabled state, If the button just contains an Icon. Noticed this in the Windows Settings App.

image

Here the tooltip is shown, but incase we have reached the GoBack limit, The button disables and the tooltip isn't appearing anymore. And whether bubbling the event seems to be ideal or not is based on the UI that we opt for.

Keen to know, What's your take on this?

And checked out the same behaviour in Mac for comparison and found that they do show Tooltip and Nullify the event bubbling.

Steps to reproduce the bug

  1. Go to Windows Settings Page

Expected behavior

No response

Screenshots

No response

NuGet package version

None

Packaging type

No response

Windows version

No response

IDE

No response

Additional context

No response

@microsoft-github-policy-service microsoft-github-policy-service bot added the needs-triage Issue needs to be triaged by the area owners label Sep 17, 2024
@castorix
Copy link

You can use a Container like a transparent Grid
For example, in this test, the Tooltip is displayed even when the Button is disabled :

        <Grid Margin="10, 10, 10, 10" Background="Transparent">
            <Button x:Name="btn1" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0, 0, 0, 0" Width="60" Height="60"               
                    Click="btn1_Click" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"
                    FontFamily="Segoe UI Emoji" FontSize="40" Content="&#x1F4BE;" Padding="0, 0, 0, 0" >
            </Button>
            <ToolTipService.ToolTip>
                <ToolTip Content="This is a Tooltip" Placement="Bottom" Background="LightYellow" Foreground="Black"/>
            </ToolTipService.ToolTip>
        </Grid>

@codendone codendone transferred this issue from microsoft/WindowsAppSDK Sep 26, 2024
@codendone
Copy link
Contributor

Same as #1149?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs-triage Issue needs to be triaged by the area owners
Projects
None yet
Development

No branches or pull requests

3 participants