Bubble Tooltip Addition - Demonstration

Place the mouse over the "i" sign on the right to the input and you will see field information.

 
Address
Street
100
House Number
10
Flat Number
10
Post Code
Post
50
City
50
XML output

        
Bubble Tooltip Addition - Description

One of the interesting features of the Addition control, is that it may provide a description about its functionality. To provide a description of the Addition control functionality, the Addition needs to have the appendDescription method in javascript implemented. To display this description, another addition control needs to be added to the Leaf control. This addition is called the BubbleTooltipAddition.

BubbleTooltipAddition renders a span element that displays a box with the data about an element when mouse is over and hides this box when the mouse is out.

You can see that the Bubble tooltip addition is attached to every Leaf control on the page, which is not very convenient. To override this problem, read the description of the Additions attacher.