Powered by Blogger.

Saturday, March 1, 2014

How to give Tooltips in WPF in Asp.Net ?

Here we will discuss about Tooltips in WPF. How we can set tooltip in wpf as well as we will discuss about different tooltip properties.

Also you can check out:

- WPF Tutorial in Asp.Net-Windows Presentation Foundation

- Tutorial on WPF Controls and Layout

- Data Binding and Graphics in WPF

Tooltips in WPF are content controls, you can place virtually anything inside a tooltip. You can also tweak various timing settings to control how quickly tooltips appear and disappear. WPF has a flexible model for tooltips.

The easiest way to show a tooltip doesn’t involve using the ToolTip class directly. Instead,you simply set the ToolTip property of your element.

The ToolTip property is defined in the FrameworkElement class, so it’s available on anything you’ll place in a WPF window.

<Button ToolTip="This is a way of my tooltip">Raj button</Button>

In this case, When you hover over this button, the text “This is a way of my tooltip” appears in the familiar yellow box.

If more than one tooltip overlaps, the most specific tooltip wins.

The ToolTip is a content control, so you can adjust standard properties such as the Background (so it isn’t a yellow box), Padding, and Font. You can also modify the members that are defined in the ToolTip class.

The below are some tooltip properties:

1- HasDropShadow

2- Placement

3- HorizontalOffset and VerticalOffset

4- PlacementTarget

5- PlacementRectangle

6- CustomPopupPlacementCallback

7- StaysOpen

The below some strategies you can use to place a tooltip:

1- Based on the current position of the mouse- This is the standard behavior, which relies on Placement being set to Mouse. The top-left corner of the tooltip box is lined up with the bottom-left corner of the invisible "bounding box" around the mouse pointer.

2- Based on the position of the moused-over element- Set the Placement property to Left,Right, Top, Bottom, or Center, depending on the edge of the element you want to use.

3- Based on the position of another element- Set the Placement property in the same way you would if you were lining the tooltip up with the current element.

4- Using absolute coordinates- Set Placement to Absolute and use the HorizontalOffset and VerticalOffset properties to set some space between the tooltip and the top-left corner of the window.