Skip to end of metadata
Go to start of metadata

This section lists all key features available in WebCallOut, which are designed to help developers implementing sophisticated callout or tooltip capability with less efforts and time.


On this page:

Customizable DisplaySettings

WebCallOut provides several display settings that can be set based on user interest:

  • DisplayTitleIcon
    Show/Hide WebCallOut's title icon.

  • DisplayTitleText
    Show/Hide WebCallOut's title text.

  • DisplayCloseIcon
    Show/Hide WebCallOut's close icon. 

See Also: Customize DisplaySettings in WebCallOut


With this feature, you can build your own design for WebCallOut. The ComplexImages allows you to specify the images needed by WebCallOut to render the component. In order to create your own design for WebCallOut, 15 images are needed. You can specify the images in ImagesSettings. Some of the design probably requires the pointing position images to be placed higher or lower in the WebCallOut's form. You can specify the suitable position for the pointing position images by set OffsetBottomPointingPosition and OffsetTopPointingPosition.


By default, ComplexImages is the default LayoutMode.


Design concept illustration:

See Also: Use ComplexImages in WebCallOut


WebCallOut provides several close behaviors.

  • Latency
    Automatic and by default the WebCallOut will disappear in 30 seconds after shown.
    You can change the fading time in Latency. Beside that, WebCallOut will disappear if user clicks the close icon or the WebCallOut.

  • MouseOut
    WebCallOut will disappear if user hovers the mouse out from the TargetControlId or WebCallOut area.

  • ClickOutsideCallOut
    WebCallOut will disappear if user clicks outside of the WebCallOut.

See Also: Use CloseBehaviors in WebCallOut


WebCallOut provides two approach as the ShowBehavior:

  • Default
    By default, WebCallOut will appear and disappear with fading animation.

  • NoFading
    WebCallOut will appear and disappear without fading animation.

See Also: Use ShowBehaviors in WebCallOut

Customizable pointing Position

WebCallOut introduces several pointing position, such as:

  • AutoDetect
    WebCallOut will adjust the pointing position base on the control position that is specified in TargetControlId's, PreferrableVerticalPosition, and PreferrableHorizontalPosition properties.

  • PointingTopLeft
    WebCallOut will appear on the TopLeft of control specified in TargetControlId.

  • PointingTopRight
    WebCallOut will appear on the TopRight of control specified in TargetControlId.

  • PointingBottomLeft
    WebCallOut will appear on the BottomLeft of control specified in TargetControlId.

  • PointingBottomRight
    WebCallOut will appear on the BottomRight of control specified in TargetControlId.

Except AutoDetect, the others options will not depend on PreferredVerticalPosition and PreferredHorizontalPosition properties.

See Also: Customize Pointing Position in WebCallOut


Preferred position means in which position you want the WebCallOut to be shown related to control specified in TargetControlId. There are 2 properties that refer to preferred position, PreferredVerticalPosition and PreferredHorizontalPosition. The default value for PreferredVerticalPosition is Top and PreferredHorizontalPosition is Left. For instance, if the PreferredVerticalPosition is set to Bottom and PreferredHorizontalPositon is set to Right then WebCallOut will be shown at the BottomRight of the control specified in TargetControlId.

These properties will be applied if PointingPosition is set to AutoDetect

See Also: Use Preferred Position in WebCallOut


WebCallOut can move depending on mouse cursor position of the control specified in TargetControlId. For instance, the control specified in TargetControlId is an image. Hence, when your mouse inside the image, WebCallOut will appear and the position will follow the mouse cursor. To enable this feature, simply set EnableInteractiveMoving property to True.

See Also: Move WebCallOut Based on Mouse Cursor Position of the Control


WebCallOut supports 2 types of content mode:

  • UseText
    In this mode, WebCallOut will use the Text as the content.

  • UseTemplate
    In this mode, WebCallOut will use user's custom made template as the content. 

Simply set the LayoutMode that you want in LayoutMode property. By default, WebCallOut' LayoutMode is UseText.

See Also: Set ContentMode in WebCallOut


When you mouse over to the control specified in TargetControlId, the WebCallOut will not directly appear. WebCallOut will appear if you hover to the control and wait for several milliseconds (default is 500ms). If the default DisplayLatency does not suit your scenario then you can change it by simply set your desire DisplayLatency in the WebCallOut's properties.

See Also: Set DisplayLatency in WebCallOut