WPF ToolTip Control

Tooltip is a small pop-up window. We will see this window when the mouse is pause over the element. Like when the mouse is on the button.

Now we will discuss the ToolTip. What is Tooltip?

What is Tooltip?

When we move the mouse’s pointer over the element, which is having the tooltip and the window, which contains the content of the tooltip, it appears for a definite time. If we move the pointer away from the control, then the window will disappear. This happens because the content of the tooltip doesn’t receive the focus.

Content of the tooltip can contain one or more lines of the text, images, shapes, or other visual content.

We can define the tooltip for the control by setting the properties below to the tooltip’s content.

ToolTip
ToolTip

Creation of Tooltip

Here we are going to take an example to show the creation of the tooltip by setting the property of the tooltip for the button control to the text string.

MainWindow.Xaml

  <Window x:Class=”TooltipControl.MainWindow”          xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”          xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”          xmlns:d=”http://schemas.microsoft.com/expression/blend/2008″          xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″          xmlns:local=”clr-namespace:TooltipControl”          mc:Ignorable=”d”          Title=”MainWindow” Height=”450″ Width=”800″>      <Grid VerticalAlignment=”Center” HorizontalAlignment=”Center”>            <Button ToolTip=” Click here, and something will happen!”>Click here!</Button>        </Grid>    </Window>  

The output of the above code will look like as shown in the below screenshot:

In the above screen, we can see when we move the mouse over the button, which will show us a string of the text.

In the WPF, tooltip is not the type of the string. It is the type of the object, which means that we can put anything in the tooltip whatever we want.

Here we are going to take one more example and compares it with the above example.

MainWindow.XAML

  <Window x:Class=”TooltipControl.MainWindow”          xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”          xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”          xmlns:d=”http://schemas.microsoft.com/expression/blend/2008″          xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″          xmlns:local=”clr-namespace:TooltipControl”          mc:Ignorable=”d”          Title=”MainWindow” Height=”450″ Width=”800″>      <DockPanel>          <ToolBar DockPanel.Dock=”Top”>              <Button ToolTip=”Create a new file”>                  <Button.Content>                      <Image Source=”C:UsersHPsourcereposTooltipControlTooltipControlImagesNew.jpg” Width=”16″ Height=”16″ />                  </Button.Content>              </Button>              <Button>                  <Button.Content>                      <Image Source=”C:UsersHPsourcereposTooltipControlTooltipControlImagesopen.jpg” Width=”16″ Height=”16″ />                  </Button.Content>                  <Button.ToolTip>                      <StackPanel>                          <TextBlock FontWeight=”Bold” FontSize=”14″ Margin=”0,0,0,5″>Open file</TextBlock>                          <TextBlock>                          Search your computer or local network                          <LineBreak />                          for a file and open it for editing.                          </TextBlock>                          <Border BorderBrush=”Silver” BorderThickness=”0,1,0,0″ Margin=”0,8″ />                          <WrapPanel>                              <Image Source=”” Margin=”0,0,5,0″ />                              <TextBlock FontStyle=”Italic”>Press F1 for more help</TextBlock>                          </WrapPanel>                      </StackPanel>                  </Button.ToolTip>              </Button>          </ToolBar>            <TextBox>              Editor area…          </TextBox>      </DockPanel>    </Window>  

The output of the above code will look like as shown in the below screenshot:

OUTPUT

Here when we observe the above screenshot, we will see here we use the simple string tooltip in the first button. And on the second button we use the advanced string tooltip as shown in the below screenshot:

Advanced Options

The properties of the Tooltipservice will affect the behavior of our tooltips. We can set these properties directly on the control, which contains the tooltip. For example, we can extend the time of the tooltip by using the ShowDuration Property. For this, we will write the below code:

              <Button ToolTip=”Create a new file” ToolTipService.ShowDuration=”5000″ Content=”Open” />  

We can also control the shadow of the content by using the HasDropShadow Property.

Wrap Up

The use of the tooltip is a great help for the user. WPF gives us the control that we can easily use and provides us with the flexibility to use the tooltip’s content. With the use of the tooltip properties of the tooltipservice class, we can quickly create user-friendly applications.

Next Topic#

features of wpf what is wpf wpf wpf border wpf canvas wpf controls wpf groupbox wpf imagesource wpf listbox wpf richtextbox wpf timer wpf treeview wpf viewbox wpf vs winforms wpf xaml

WPF ToolTip Control

WPF ToolTip Control

What is Tooltip?

Creation of Tooltip

MainWindow.Xaml

MainWindow.XAML

Advanced Options

Wrap Up

Swift while loop

Basic Components of Bitcoin

You may also like