Configuring UXCallOut Animation
UXCallOut uses UXPopup control to display content which stays on the top of other elements along with comprehensive hide and display animation. Consequently, they share a number of settings that control the animation behaviors such as listed below.
To learn more about configuring the animation behaviors, see Popup Overview.
Configuring UXCallOut Positioning
You can position the UXCallOut to one of the supported mode through the PreferredPosition property. It is best practice to use either Top, Left, Right or Bottom position to take advantage of the callout pointer feature. Otherwise, the callout pointer will not be enabled.
Configuring Mouse Actions
Beside animation and positioning, you also can control when the callout should be displayed or collapsed based on mouse interaction, which is listed below.
The following list describes the some configurations used in common UI scenarios:
- MouseEnterAction = ShowPopup, MouseLeaveAction = HidePopup, DisableOverlay = True
This setting can be used in the scenario where you want to use UXCallOut as advanced tooltip.
- MouseEnterAction = None, MouseClickAction = ShowPopup
This setting can be used in the scenario where you want to use UXCallOut to display information in a modal view.