Gadgets: Difference between revisions

No edit summary
Add calculator gadget examples
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Feature
{{Feature
|explains= Special:Gadgets
|image=Wikivoyage Interface administrator icon.png
|description=Gadgets are enhancements to MediaWiki, made of javascript and CSS; but not written as full-blown extensions.
|imgdesc=powerful UX tools
|notes=One of the best is the wikEd gadget implementation for the wikEd editor
|tests=
|examples=
}}
}}
{{#set:feature description = Gadgets are enhancements to MediaWiki, made of javascript and CSS; but not written as full-blown extensions. }}
{{#set:feature notes = One of the best is the wikEd gadget implementation for the wikEd editor }}
{{#set:feature tests =  }}
{{#set:feature examples =  }}


This is a hand-editted '''information''' page.  Be sure to check out the [[Special:Gadgets]] page for system info and the interface defintion page [[MediaWiki:Gadgets-definition]].
This is a hand-editted '''information''' page.  Be sure to check out the [[Special:Gadgets]] page for system info and the interface defintion page [[MediaWiki:Gadgets-definition]].


Gadgets are enhancements to MediaWiki, made of javascript and CSS; but not written as full-blown extensions.
Gadgets are enhancements to MediaWiki, made of javascript and CSS; but not written as full-blown extensions.  


{| style="margin: 0 0 0.75em 0.75em; float: right; border-collapse: separate; border-spacing: 0;"
{| style="margin: 2em; float: left; border-collapse: separate; border-spacing: 0;"
|- style="background: #d4d0cc;"
|- style="background: #d4d0cc;"
| style="padding: 0 0.5em 0 0.8em; border-top: white 1px solid; border-right: black 1px solid; border-bottom: black 1px solid; border-left: white 1px solid;" | <div style="position: relative; top: -0.5em;">[[Image:WikEd logo64x64.gif|64px]]</div>
| style="padding: 0 0.5em 0 0.8em; border-top: white 1px solid; border-right: black 1px solid; border-bottom: black 1px solid; border-left: white 1px solid;" | <div style="position: relative; top: -0.5em;">[[Image:WikEd logo64x64.gif|64px]]</div>
Line 42: Line 43:
# Add the gadget to the [[MediaWiki:Gadgets-definition|gadgets-definition page]]
# Add the gadget to the [[MediaWiki:Gadgets-definition|gadgets-definition page]]
## E.g. <tt>https://freephile.org/wiki/MediaWiki:Gadgets-definition</tt>
## E.g. <tt>https://freephile.org/wiki/MediaWiki:Gadgets-definition</tt>
== Examples ==
The '''calculator''' gadget ([https://en.wikipedia.org/wiki/MediaWiki:Gadget-calculator.js implemented in javascript] and exposed via a [https://en.wikipedia.org/wiki/Template:Calculator template]) is versatile and powerful - including many math functions.
See [https://en.wikipedia.org/wiki/Template:Calculator/doc/examples examples in the docs] and Bryan Damon's
[https://en.wikipedia.org/wiki/User:Bryandamon/Calculator_demos Calculator demos] that riff on Brian Wolff's (author) demos - which can be found via the [https://en.wikipedia.org/wiki/Category:Pages_using_gadget_Calculator category page]. {{@todo}} implement the gadget on this wiki.


[[Category:Wiki]]
[[Category:Wiki]]
[[Category:JavaScript]]
[[Category:JavaScript]]