ASP.NET AJAX Control Toolkit Demos v20.1.0.0

BalloonPopup Sample
Ajax Control Toolkit
BalloonPopup Demonstration

Click inside either of the two TextBox controls below or click the link to see a demonstration of the BalloonPopupExtender control.



This Balloon Popup uses the Cloud style.


Click Here to Show the Balloon Popup

This Balloon Popup appears when you click the link. It uses a Rectangle style and it is set to appear at the top-right of the link.




This is a custom BalloonPopupExtender style created with a custom Cascading Style Sheet.
BalloonPopupExtender Description
The BalloonPopupExtender control displays a popup which can contain any content.
BalloonPopupExtender Properties
Properties
  • BalloonPopupControlID - The ID of the control to display
  • BalloonSize - Optional setting specifying the size of balloon popup. (Small, Medium and Large). Default value is Small
  • BalloonStyle - Optional setting specifying the theme of balloon popup. Default value is Rectangle
  • CustomClassName - This is required if user choose BalloonStyle to Custom. This specifies the name of the css class for the custom theme
  • CustomCssUrl - This is required if user choose BalloonStyle to Custom. This specifies the url of custom css which will display custom theme
  • DisplayOnClick - Optional setting specifying whether to display balloon popup on the client onClick event. Default value is true
  • DisplayOnFocus - Optional setting specifying whether to display balloon popup on the client onFocus event. Default value is false
  • DisplayOnMouseOver - Optional setting specifying whether to display balloon popup on the client onMouseOver event. Default value is false
  • ExtenderControlID - Extender control ID
  • OffsetX - Optional X (horizontal) offset for the popup window (relative to the target control). Default value is 0
  • OffsetY - Optional Y (vertical) offset for the popup window (relative to the target control). Default value is 0
  • OnHide - The OnHide animation will be played each time the popup is hidden
  • OnShow - The OnShow animation will be played each time the popup is displayed. The popup will be positioned correctly but hidden
  • Position - Optional setting specifying where the popup should be positioned relative to the target control
  • ScrollBars - Optional setting specifying whether to display scrollbar if contents are overflowing. Default value is Auto
  • UseShadow - Optional setting specifying whether to display shadow of balloon popup or not
Copyright © 2012-2024 CodePlex Foundation. All Rights Reserved.