How to add tooltip for each item in listbox in WPF?

[VahidEra]

Hi guys,
I have a listbox and I want to show tooltip for each item when moving on listbox. I can do this by showing in label but that how do this in tooltip I have no any idea.
Of course, I read many topics, but none of them solved my problem.
But I know, as always, my very dear friend @miloush will solve this problem, but if anyone has an opinion, I will be very happy to consider it.
I have uploaded the project file below for convenience and better understanding.

https://drive.google.com/file/d/1aIkUzcssVkjd5PMysFrCwobzqGCzcvNu/view?usp=sharing

Thank you very much.

[miloush]

If you just want the tooltip to be the same as the content, in your ItemContainerStyle you can do

<Setter Property="ToolTip" Value="{Binding}" />

If you want it to be different, you would need to be either adding your own class to the ListBox.Items that can hold both content and tooltip and databind to these properties, or, you would need to be explicitly adding ListBoxItem and use its Content and ToolTip properties.

[VahidEra]

@miloush WOOOOOOOOOW. Dear Jan you are the best. It was like magic :))))))))))))))))
With just one line of code. I just added your code in my setter and done. Thank you dear friend for your complete and always helpful help.
God bless you.

[VahidEra]

@miloush Dear jon can I change the font family of this tooltip?
i found a cod but I don't know how to add this cod to my setter because my TargetType="ListBoxItem"

   <Style TargetType="ToolTip">
        <Setter Property="FontFamily" Value="{Binding RelativeSource={RelativeSource Self}, Path=PlacementTarget.FontFamily}"/>
    </Style>

[miloush]

If you want a quick dirty solution, you can take advantage of the WPF's ability to have anything as a tooltip, and be more explicit about how you want it to look, e.g.

<Setter Property="ToolTip">
    <Setter.Value>
        <TextBlock Text="{Binding}" FontFamily="Comic Sans MS" FontSize="48" />
    </Setter.Value>
</Setter>

To answer your question, styles generally go into resources. Resources are available to all children of the element where they are defined. So for example, you could put it into Window and it would apply to all tooltips in that Window:

       ...
        Title="MainWindow" Height="450" Width="557" WindowStartupLocation="CenterScreen" Topmost="True">
    <Window.Resources>
        <Style TargetType="ToolTip">
            <Setter Property="FontFamily" Value="{Binding RelativeSource={RelativeSource Self}, Path=PlacementTarget.FontFamily}"/>
        </Style>
    </Window.Resources>

or you add it to Application and it will apply to the whole app.

However, your material design styles are complicating matters a bit, this style will replace the material design. You need to add BasedOn to extend the existing one:

    <Window.Resources>
        <Style TargetType="ToolTip" BasedOn="{StaticResource MaterialDesignToolTip}">
            <Setter Property="FontFamily" Value="Comic Sans MS"/>
        </Style>
    </Window.Resources>

[VahidEra]

@miloush WOOOOOOOOOOOOW, Dear jan Again, complete and flawless answer. This works like a charm.
Thank you very, very much. I always learn something new from you about WPF.
I have to take a class on WPF with you. Because you are a master at this :))))))))))))))))))))))))))))))))))

[miloush]

Glad I can help. I recommend Adam Nathan's WPF Unleashed and Charles Petzold's Applications = Code + Markup.