CODEWITHSUNDEEP
wpfstylestooltip
AMissico
AMissico

Reputation: 21684

I just need a simple WPF ToolTip Style that displays multiple lines

Due to all the noise about fancy, super, huge, and blah, blah, blah, tooltips, I cannot find the answer.

I just need a simple style that sets TextWrapping="Wrap" and allows me to set a width.

One that duplicates the existing / default style, but just word wraps.

Upvotes: 7

Views: 10251

Answers (3)

Nikolai Koudelia
Nikolai Koudelia

Reputation: 2639

This style prevents a tooltip from popping up on empty strings.

<Style TargetType="ToolTip">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ToolTip">
                <TextBlock Text="{TemplateBinding Content}"
                           MaxWidth="400"
                           TextWrapping="Wrap"/>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="Content" Value="">
            <Setter Property="Visibility" Value="Collapsed" />
        </Trigger>
    </Style.Triggers>
</Style>

Or using ContentTemplate:

<Style TargetType="{x:Type ToolTip}">
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate>
                <StackPanel>
                    <TextBlock Text="{Binding}"
                               MaxWidth="400"
                               TextWrapping='Wrap' />
                </StackPanel>
            </DataTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="Content" Value="">
            <Setter Property="Visibility" Value="Collapsed" />
        </Trigger>
    </Style.Triggers>
</Style>

Upvotes: 3

David
David

Reputation: 16277

If you just want to get the effects below, have a read at this post.

enter image description here enter image description here enter image description here

Upvotes: 2

Trevor Elliott
Trevor Elliott

Reputation: 11252

<Window.Resources>
    <Style TargetType="{x:Type ToolTip}">
        <Setter Property="ContentTemplate">
            <Setter.Value>
                <DataTemplate>
                    <TextBlock TextWrapping="Wrap" Text="{Binding}" />
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>
<Grid>
    <Rectangle Width="100" Height="100" Fill="Red">
        <Rectangle.ToolTip>
            <ToolTip Width="100">
                This is some text with text wrapping.
            </ToolTip>
        </Rectangle.ToolTip>
    </Rectangle>
</Grid>

This example is assuming you want to be able to set the width on a per-usage basis. If you want to set it as part of the style, add it to the TextBlock element.

Upvotes: 8

Related Questions