Help:Tooltip

From Linux Web Expert

Revision as of 10:06, 23 April 2021 by >Kghbln (overlay yes to overlay no)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Starting with Semantic MediaWiki 3.1.0Released on an unknown date unknown versions of MediaWiki the "qtip2" jQuery plugin was replaced with the "tippy.js" JavaScript tooltip/popover library.1.

The tooltip functionality was re-factored in Semantic MediaWiki 1.8.0Released on an unknown date unknown versions of MediaWiki and together with the jquery plugin qtip2 builds the central component for displaying context information.


Tooltip

The tooltip supports a hover like behaviour [such as hover like behaviour for entities marked ...] for entities marked with smwttinline (properties etc.) or a persistent like behaviour [such as persistent like behaviour allowing interactions with ... see Help:Adding tooltips] allowing interactions with the tooltip for entities marked with smwttpersist.

Configuration

  • Objects marked with smwttinline will adopt a hover like behaviour with no closing button and will automatically hide by crossing over the tooltip border.
  • Warning tooltip will behave in a similar manner as smwttinline marked objects.
  • Service link tooltip will have a closing button and allow interactions until an event will close the tooltip
  • Info tooltip will behave like the a service link tooltip

Styling

Please have a look at ext.smw.tooltip.css for adjustments related to the icons used and for any other related styling isses see style documentation, demos and tips, and implementation samples.

Why qtip2

Tipsy and the jquery UI tooltip allow simple tooltip functionality but when it comes to enhanced user interactions it needs a more comprehensive plug-in that can provide greater flexibility.

Used by

Note

This is a help landing page (fixed as Help:Tooltip), if you change the page name please ensure a proper redirect.

Property "Has description" (as page type) with input value "Tippy.js is a highly customizable tooltip and popover library powered by Popper.js. It's compatible with IE11+, about 99% of desktop users and 96% of mobile users. It can be used to create simple static text tooltips, or complex HTML popovers that utilize AJAX." contains invalid characters or is incomplete and therefore can cause unexpected results during a query or annotation process.

References

  1. ^ gh:smw:3685