Give us feedback
stalkertooltip
Reactive icon

Stalker Tooltip

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded on 23 Jan by 
5.0
 (6 ratings)
stalkertooltip

Stalker Tooltip

Details
Tooltip that is displayed on hover or on click (mobile) of a selected element.
Read more

Allows the user do define free content tooltips by simply adding content to the block placeholder and defining the trigger classes using the block's inputs.

Configuration:

  1. Reference the StalkerTooltip block.
  2. Add the block to the desired screen/block.
  3. Set inputs:
  • HoverContainerClass (mandatory)

Wrapper container that will wrap all the elements from which you desire the tooltip to appear. The event listeners used in this pattern will be set to this element. 

NOTE: If the tooltip is inside a div with transform properties, this container should have the same dimensions as the element being transformed. As an example, when using the OutSystems Sidebar widget, the Hover ContainerClass should be a wrapper around all the sidebar content.

  • HoverElementsClass

If defined only hover/clicks in elements containing this class will trigger the tooltip. If empty the tooltip will always be visible inside the container defined by the HoverContainerClass input.

  • TooltipOffsetX

Tooltip X axis offset relative to the cursor. Default -20.

  • TooltipOffsetY

Tooltip Y axis offset relative to the cursor. Default 35.

  • TooltipWidth

Defines the tooltip width. Default 175px.

  • PositionRelativeToParent

CSS Transform property on parent elements might mess with the tooltip positioning. If using the tooltip inside an element with Transform properties (ex. sidebar) and it's not working properly, set this flag to True.

  • OnClickOnly

Set to true to make the tooltip appear only in click, and not on hover.

  • ExtendedClass

Adds classes to the placeholder.

Release notes (1.0.1)
  1. Added OnClickOnly input. If true the tooltip will only be displayed on click, and not no hover.
  2. Fixed bug where tooltip was not detecting the container limit on mobile.
  3. Fixed bug where tolltip was not closing on mobile.
  4. Fixed other minor issues.
License (1.0.1)
Reviews (3)
25 Jan
in version 1.0.1
I always feel like somebody's watching me
And I have no privacy (oh, oh)

Oh it was the Stalker Tooltip all along!
2022-12-12
in version 1.0.0
Thank you so much for this component. Very easy to use and flexible!
2022-12-12
in version 1.0.0
This tooltip is awesome because it utilizes pure JS and CSS. This makes it usable in places (such as some widgets' placeholders) where the default OutSystems tooltip fails. It also looks and works great!