Extension:FloatingUI: Difference between revisions

**MediaWiki extensions manual**
FloatingUI; Release status: stable
Implementation	Parser function
Description	Provides the FloatingUI JavaScript library
Author(s)	alistair3149
Latest version	1.0.5 (Continuous updates)
Compatibility policy	Master maintains backward compatibility.
MediaWiki	1.43+
Composer	starcitizentools/floating-ui
	Hooks used ParserFirstCallInit;
Licence	GNU General Public License 3.0 or later
Download	GitHub: project page; git repository URL; commit history; ; Note:; No localisation updates are; provided by translatewiki.net.

Browse history interactively

← Older edit

Content deleted Content added

VisualWikitext

Inline

Latest revision as of 23:40, 6 June 2026

The FloatingUI extension provides the FloatingUI JavaScript library to MediaWiki.

Installation

Download and place the file(s) in a directory called FloatingUI in your extensions/ folder.
Add the following code at the bottom of your LocalSettings.php file:
```
wfLoadExtension( 'FloatingUI' );
```
Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.

Usage

Parser function

{{#floatingui:reference|content}}

Loading library

There are several ways to load the library on a given page. Once the library is loaded, it can be accessed through window.FloatingUIDOM in JavaScript.

To attach the library to a wiki page, put the following wikitext onto the page:

{{#floatingui:}}

Alternatively, you can load the ResourceLoader module in JavaScript:

mw.loader.load( 'ext.floatingUI.lib' );

Defining elements

Reference element has to have the HTML class ext-floatingui-reference.
Floating element has to have the HTML class ext-floatingui-content and place next to the reference element.

@@ Line 1: / Line 1: @@
+<languages/>
 {{Extension
 |image       =
-|description = implements the FloatingUI Javascript library
+|description = <translate><!--T:1--> Provides the <tvar name=1>FloatingUI</tvar> JavaScript library</translate>
 |license     = GPL-3.0-or-later
 |update      = Continuous updates
 |compatibility policy = master
-|status      = beta
+|status      = stable
 |type        = parser function
-|author      =  [[User:alistair3149|alistair3149]]
+|author      = [[User:alistair3149|alistair3149]]
-|mediawiki   = 1.39+
+|mediawiki   = 1.43+
 |composer=starcitizentools/floating-ui|download    = {{GithubDownload|StarCitizenTools|mediawiki-extensions-FloatingUI}}
 |hook1       = ParserFirstCallInit
 }}
+<translate>
+<!--T:2-->
+The <tvar name=1>'''FloatingUI'''</tvar> extension provides the <tvar name=2>[https://floating-ui.com/ FloatingUI]</tvar> JavaScript library to MediaWiki.
+==Installation== <!--T:3-->
-The '''FloatingUI''' extension implements the [https://floating-ui.com/ FloatingUI] Javascript library.
+</translate>
-==Installation==
 {{ExtensionInstall
 |registration=required
-|download-link=[https://github.com/StarCitizenTools/mediawiki-extensions-FloatingUI/archive/main.zip Download]
+|download-link=[https://github.com/StarCitizenTools/mediawiki-extensions-FloatingUI/archive/main.zip <translate><!--T:4--> Download</translate>]
 }}
+<translate>
-== Usage ==
+== Usage == <!--T:5-->
-This extension is in an early stage of development.
+===Parser function=== <!--T:6-->
+</translate>
+<syntaxhighlight lang="Wikitext">
+{{#floatingui:reference|content}}
+</syntaxhighlight>
+<translate>
+=== Loading library === <!--T:7-->
+</translate>
+<translate><!--T:8--> There are several ways to load the library on a given page.</translate>
+<translate><!--T:9--> Once the library is loaded, it can be accessed through <tvar name=1><code>window.FloatingUIDOM</code></tvar> in JavaScript.</translate>
+<translate><!--T:10--> To attach the library to a wiki page, put the following wikitext onto the page:</translate>
+<syntaxhighlight lang="Wikitext">
+{{#floatingui:}}
+</syntaxhighlight>
+<translate><!--T:11--> Alternatively, you can load the ResourceLoader module in JavaScript:</translate>
+<syntaxhighlight lang="JavaScript">
-=== Loading library ===
+mw.loader.load( 'ext.floatingUI.lib' );
-There are several ways to load the library on a given page. Once the library is loaded, it can be accessed through <code>window.FloatingUIDOM</code> in Javascript.
+</syntaxhighlight>
+<translate>
-To attach the library to a wikipage, put the following wikitext onto the page:
+=== Defining elements === <!--T:12-->
-<syntaxhighlight lang="JavaScript">{{#floatingui:}}</syntaxhighlight>
+</translate>
-Or alternatively, you can load the ResourceLoader module in Javascript:
+# <translate><!--T:13--> Reference element has to have the HTML class <tvar name=1><code>ext-floatingui-reference</code></tvar>.</translate>
-<syntaxhighlight lang="Wikitext">mw.loader.load( 'ext.floatingUI.lib' );</syntaxhighlight>
+# <translate><!--T:14--> Floating element has to have the HTML class <tvar name=1><code>ext-floatingui-content</code></tvar> and place next to the reference element.</translate>
+<translate>
-=== Defining elements ===
+== See also == <!--T:15-->
+</translate>
+{{Used by}}
-# Reference element has to have the HTML class <code>ext-floatingui-reference</code>.
-# Floating element has to have the HTML class <code>ext-floatingui-content</code> and place next to the reference element.

Shirayuki (talk | contribs)