WPF Tooltip Visibility

Question

How can I ensure that a button's Tooltip is only visible when the button is disabled?

What can I bind the tooltip's visibility to?

It might make sense to display a tooltip describing why you can't touch this button. If that is David's intent, I think it makes a lot of sense. — reuscam, Jun 30 '10 at 12:17
Yeah, i guess so, i wasn't being picky. I was just genuinely interested :) — 4imble, Jun 30 '10 at 12:20
I did mean IS disabled. As reuscam suggested, the tooltip is to explain why the button is disabled. — David Ward, Jun 30 '10 at 12:46

score 46 · Accepted Answer · answered Jun 30 '10 at 12:16

46

You will need to set ToolTipService.ShowOnDisabled to True on the Button in order to have the Tooltip visible at all when the Button is disabled. You can bind ToolTipService.IsEnabled on the Button to enable and disable the Tooltip.

answered Jun 30 '10 at 12:16

Quartermeister

57,579
7
124
111

2

For anyone who wants to do the same things as me, I've posted the full xaml for the button as an answer. Thanks for your help. – David Ward Jun 30 '10 at 13:54

score 37 · Answer 2 · edited Nov 19 '15 at 16:37

37

This is the full XAML of the Button (based on the answer of @Quartermeister)

<Button 
  x:Name="btnAdd" 
  Content="Add" 
  ToolTipService.ShowOnDisabled="True" 
  ToolTipService.IsEnabled="{Binding ElementName=btnAdd, Path=IsEnabled, Converter={StaticResource boolToOppositeBoolConverter}}" 
  ToolTip="Appointments cannot be added whilst the event has outstanding changes."/>

edited Nov 19 '15 at 16:37

Breeze

2,010
2
32
43

answered Jun 30 '10 at 13:56

David Ward

3,739
10
44
66

score 12 · Answer 3 · answered Apr 25 '13 at 12:40

You can do it using a simple trigger also. Just place the following piece of code into a Window.

<StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
    <CheckBox Name="chkDisabler" Content="Enable / disable button" Margin="10" />
    <Button Content="Hit me" Width="200" Height="100" IsEnabled="{Binding ElementName=chkDisabler, Path=IsChecked}">
        <Button.Style>
            <Style TargetType="{x:Type Button}">
                <Setter Property="ToolTipService.ShowOnDisabled" Value="true" />
                <Setter Property="ToolTip" Value="{x:Null}" />
                <Style.Triggers>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter Property="ToolTip" Value="Hi, there! I'm disabled!" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Button.Style>
    </Button>
</StackPanel>

This was handy to see the syntax for setting the `ShowOnDisabled` via a `Style` setter. — mungflesh, Aug 12 '16 at 10:55
If I interpret this code correctly, one can set two triggers to deliver two different tooltips, one for button disabled and one for enabled? — Mike, Sep 16 '18 at 14:02
Yes Mike, You could add a second trigger for IsEnabled and True for that. — Josh, Aug 26 '19 at 16:20

score 5 · Answer 4 · answered Oct 19 '12 at 13:27

A slightly modified answer for what David Ward has proposed. Here is the full code

Add a value converter to resouces like this

<Window.Resources>
    <Converters:NegateConverter x:Key="negateConverter"/>
</Window.Resources>

Then define following xaml

<Button 
  x:Name="btnAdd" 
  Content="Add" 
  ToolTipService.ShowOnDisabled="True" 
  ToolTipService.IsEnabled="{Binding RelativeSource={RelativeSource self}, Path=IsEnabled, Converter={StaticResource negateConverter}}" 
  ToolTip="Hi guys this is the tool tip"/>

The value converter looks like this

[ValueConversion(typeof(bool), typeof(bool))]
  public class NegateConverter : IValueConverter
  {
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
     return  !((bool)value);
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
      throw new NotImplementedException();
    }
  }

WPF Tooltip Visibility

4 Answers4

Linked