How to make tooltip on hovering mouse over a button

Question

I am c# silverlight(5) beginner and not a bit know about how to make tool tip. In fact i couldnt find any option in toolbox for tool tip.

What i have to do is to show a tooltip when mouse hover a button. Suppose if i have button like this :

<Button Content="{Binding Path=Id}"
        Command="{Binding DataContext.ShowPopupCommand,
                   RelativeSource={RelativeSource AncestorType=data:DataGrid}}"/>

Now how to create a ToolTip on this button in ViewModel.cs class ?

Could someone please give me guidance on how to create ToolTip in c# silverlight application using MVVM approach. Any piece of code for help is really appreciated. Would be a great help. Thanks.

Martin · Accepted Answer · 2014-04-23 11:09:30Z

4

<Button
    ToolTipService.ToolTip="ToolTip based on the mouse."
    ToolTipService.Placement="Mouse"/>

If you need to display any FrameworkElements (and not just text) you can set the tooltip like this:

<Button>
    <ToolTipService.ToolTip>
        <Border Background="Pink">
            <StackPanel>
                <Image .../>
                <TextBlock .../>
            </StackPanel>
        </Border>
    </ToolTipService.ToolTip>
</Button>

edited Apr 23, 2014 at 11:09

answered Apr 23, 2014 at 8:31

Martin

6,2682 gold badges28 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Sss Over a year ago

but it should open a dialog on hovering mouse which will disappear as i remove mouse over it. and How i will handle it in ViewModel.cs ? Because it has to work MVVM approach

Martin Over a year ago

@user234839: It will show a box with the tooltip text. What do you mean by "open a dialog"? And if you are using an MVVM approach opening a tooltip from Viewmodel would be wrong in my eyes. Do you mean you want to bind a string from the viewmodel?

Sss Over a year ago

I have to show a child window . Is it possible ? If not then do you know another way to do in silverlight?. I will open a window on mouse hover (Not necessary we use button we can use text box if you want, but mouse hover to it must show a box/window or dialog which on removing the mouse over it will not display any more). Is it possible to display a child window ?

Martin Over a year ago

@user234839: I'm not convinced that you really need to show a ChildWindow. This sounds more like "need to display more than just text". Do my edits solve your problem?

Sss Over a year ago

but there is no Mvvm approch on this updated part. I mean no binding or anything.

|

Martin · Accepted Answer · 2014-04-23 11:04:23Z

1

Try this

<Button Content="{Binding Path=Id}"
        Command="{Binding DataContext.ShowPopupCommand,
            RelativeSource={RelativeSource AncestorType=data:DataGrid}}"
        ToolTip="{Binding SomeProperty}"/>

edited Apr 23, 2014 at 11:04

Martin

6,2682 gold badges28 silver badges49 bronze badges

answered Apr 23, 2014 at 6:35

ankhuri

17911 bronze badges

2 Comments

Sss Over a year ago

Thanks bhai but it must show a big box which will conwtain some button and textbox as well

Martin Over a year ago

The property ToolTip is only available in WPF.

Collectives™ on Stack Overflow

How to make tooltip on hovering mouse over a button

2 Answers 2

8 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related