How to add a simple tooltip to an HTML element:

1. Place the block SimpleTooltip after the HTML element you want to display a tooltip
2. Set all the input parameters accordingly:
   • WidgetId - runtime id of te HTML element to display a tooltip
   • TooltipContent - the tooltip content to display
   • Position - select one of the options from TopLeft, Top, TopRight, Left, Right, BottomLeft, Bottom, BottomRight (defaults to Top)
   • BackgroundColor - select one of the options from Default, Error, Warning, Info, Success (defaults to Default)
   • Size - select one of the options from Small, Medium, Large (defaults to Medium)
   • UseRoundedCorners - when set to True, the tooltip content cornes will be rounded (defaults to True)
   • UseAnimation - when set to True, the rendering of the tooltip content will have a small animation effect (defaults to True)
   • AlwaysVisible - when set to True, the tooltip content will remain visible oon the page (defaults to False)
   • HideTooltipArrow - when set to True, the tooltip arrow will he hidden (defaults to False)

You can play with this pattern on the Demo, where you can see the multiple settings in action.