Help: Buttons

Met de Tweeki-skin is het erg gemakkelijk om iedere gewenste knop ('button') te maken. Door het gebruik van slimme standaardwaarden is de benodigde codering zeer beknopt.

Pas op: Deze functionaliteit omzeilt de standaard behandeling van koppelingen ('links') door MediaWiki-software. Dit heeft mogelijk gevolgen voor de veiligheid van de website. Het is dus raadzaam alleen vertrouwde mensen tekst in de wiki te laten bewerken. Ook werken functie als 'koppelingen binnen de website' ('Links to this site') niet voor knop-koppelingen.

Standaard knoppen

Code	Resultaat
<btn>Eenvoudige Knop</btn>	Eenvoudige Knop
<btn size="lg">Grote Knop</btn> <btn size="sm">Kleine Knop</btn> <btn size="xs">Mini Knop</btn>	Grote Knop Kleine Knop Mini Knop
<btn> Gegroepeerde Knoppen </btn>	GegroepeerdeKnoppen
<btn> Knop Tool Bar </btn>	Knop ToolBar
<btn class="btn-primary"> Knoppen met klasse </btn>	Knoppenmet klasse
<btn class=""> Knop zonder klasse </btn>	Knop zonder klasse
<btn> Met Klasse||btn-primary Zonder Klasse Veel Klasse||btn-success </btn>	Met KlasseZonder KlasseVeel Klasse
<btn> Standaard Knop Een Pagina Naam|Interne Doelpagina http://erge.ns|Externe Doelpagina </btn>	Standaard KnopInterne DoelpaginaExterne Doelpagina

Dropdown Knoppen

Codering	Resultaat
<btn> Dropdown-Menu * Een Menu Item * * Nog Een Menu Item </btn>	Dropdown-Menu Een Menu Item Nog Een Menu Item
<btn> Doel|Gesplitste Dropdown * Een Menu Item </btn>	Gesplitste Dropdown‌ Een Menu Item
<btn class=""> Dropdown zonder Knop * Een Menu Item </btn>	Dropdown zonder Knop Een Menu Item
<btn> Semantische Dropdown * {{#ask:[[Categorie:Tweeki Componenten]]}} </btn>	Semantische Dropdown [[Categorie:Tweeki Componenten]]

Wrappers

Markup	Result
<btn wrapperclass="btn-group dropup"> Dropup * Een Menu Item </btn>	Dropup Een Menu Item
<btn wrapperclass="btn-group-vertical"> Explicit Wrapper Setting </btn>	ExplicitWrapperSetting
<btn wrapper=""> Explicit Wrapper Unsetting </btn>	ExplicitWrapperUnsetting

Styling

Codering	Resultaat
<btn> Target|<i>Italic Tag</i> </btn>	Italic Tag
<btn> Target|''Italic Wiki Markup'' </btn>	Italic Wiki Markup
''<btn> Surrounding Italic Wiki Markup </btn>''	Surrounding Italic Wiki Markup

Iconen

Codering	Resultaat
<btn> Target|<span class="glyphicon glyphicon-cog"></span> icoon met span </btn>	icoon met span
<btn icon="cog"> icon attribute </btn> NB: het icon attribuut is gewoon een synoniem voor 'glyphicon'	icon attribute
<btn glyphicon="cog"> glyphicon attribute </btn>	glyphicon attribute
<btn fa="cog"> fa attribuut </btn>	fa attribuut

Parsing

Markup	Result
<btn> {{fullurl:{{PAGENAME}}}}|{{ucfirst:magic words}} </btn>	Magic words
<btn> mainpage </btn> Info: if a system message by that name exists, the text will be replaced by it's content	Hoofdpagina

Miscellaneous

Markup	Result
<div class="dropdown"> <btn data-toggle="dropdown"> Data-Toggle-Attribut <b class="caret"></b> </btn><ul class="dropdown-menu" id="file-dropdown-menu"> <li>[[Buttons]]</li> <li class="divider"></li> <li>[[Test]]</li> </ul> </div> Attentie! Zorg ervoor dat je niet de ul op een nieuwe regel plaatst!	Data-Toggle-Attribut Buttons Test

Specificaties

De algemene structuur van de de codering voor een enkele knop is target|text|class, waarin text en class optioneel zijn. Wanneer text wordt weggelaten, dan wordt er van uit gegaan dat deze hetzelfde is als target. target en text worden verwerkt volgens het onderstaande algoritme.

1. Check of er een semantische querie staat.
2. Wanneer er een bestaande of standaard interface message bestaat met die naam, gebruik dan de inhoud van dat bericht.
3. Verwerk het.
4. Wanneer het een geldige URL betreft (beginning with http:// or other URL protocol), the link will point to that URL.
5. Indien geen van bovenstaanden, dan wordt het verwerkt als een wikilink.