ABOUT THIS DEMO:

This demo presents all of InfoBubble's properties and allows you to manipulate them. The demo area contains an InfoBubble and three activation links. The first link in the demo area is attached as a click link, which means it will activate the InfoBubble when clicked. The other two are attached as hover links. The third link demonstrated InfoBubble's dynamic sizing abilities. Note that there is only one InfoBubble on this page, and each link simply sets the content before showing the InfoBubble. Because of this, the TitleHtml and ContentHtml properties will be overwritten when you hover or click one of these links.

Color formats accepted for InfoBubble properties are: html colors, named colors, rgb, and argb.

Demo Area

Click Link 1

Hover Link 1

Large Content demo

Bubble Construction

BackColor
ShadowColor
ShadowSize
ShadowWeight
BorderColor
BorderWidth
BorderStyle
<Dashed / Dotted ignored in IE>
Roundedness
SpikeLength
SpikeWidth
SpikeAngle (0 to 1)

Behavior

PositioningMode
TransitionMode
Orientation
AutoHide	Auto Hide
AutoHideDelay
MaxWidth
MaxHeight
StartShown	Start Shown
StartShownX
StartShownY

Html Appearance

InnerContentMargin
CloseImage
CloseImageUrl_Normal
CloseImageUrl_Hover
CloseImageUrl_Select
TitleHtml
ContentHtml
ShowTitle	Show Title
TitleShowClose	Show Close Button
TitleIconUrl
TitleCssClass
ContentCssClass
TitleVAlign

Css Definition