Vorlage:Hilfe/clickbutton

Vorlage:Dokumentation/ruler

Diese kleine „Hilfsvorlage“ fügt auf der zugehörigen Hilfeseite eine kleine Schaltfläche hinzu, die eine klickbare Schaltfläche simuliert.

Parameter

1

Text, bei Datei bitte |verweis= einfügen

2

Tooltip, optionaler Text beim Überfahren mit der Maus

mw

Mediawikibutton, normal=Standard=leer (weiß),

a aktive Einblendung eines Dialogfeldes

p progressive (blau)

pb progressive (blau mit schwarzer Schrift)

ps progressive-subtle (blau/blau)

d destructive (rot)

ds destructive-subtle (rot/rot)

i inaktiv (grau)

s aktiv (dunkelblau)

ex: 1 Abmessung der Schaltfläche etwas höher
color: Textfarbe blau oder rot für Standard weiß

Kopiervorlagen

{{Hilfe/clickbutton||color= }}
{{Hilfe/clickbutton||mw= }}
{{Hilfe/clickbutton||ex=1 }}
<syntaxhighlight lang="wikitext" copy>Datei:…</syntaxhighlight>

Varianten

normal schwarz auf weiß

normal schwarz auf weiß etwas höher (ex)

Mit Text normal schwarz auf weiß

<span class="mw-ui-button mw-ui-quiet" style=" color: var(--color-progressive,#Lua-Fehler: Der Prozess konnte nicht erstellt werden: proc_open ist nicht verfügbar. „disable_functions“ der PHP-Konfigurationsanweisung überprüfen.);border: 1px solid var(--border-color-base,#A2A9B1); border-radius: 2px; font-size: 4px; display:inline; padding: 11px 4px 6px 4px;">blauer Text normal, blau auf weiß

<span class="mw-ui-button mw-ui-quiet" style=" color: var(--color-destructive,#Lua-Fehler: Der Prozess konnte nicht erstellt werden: proc_open ist nicht verfügbar. „disable_functions“ der PHP-Konfigurationsanweisung überprüfen.);border: 1px solid var(--border-color-base,#A2A9B1); border-radius: 2px; font-size: 4px; display:inline; padding: 11px 4px 6px 4px;">roter Text normal, rot auf weiß

Text destruktive, weiß auf rot

Text destructive-subtle, rot auf rot mit rotem Rand

Text progressive, weiß auf blau

Text progressive, weiß auf blau wird im Dunkelmodus zu schwarz auf blau

Text progressive-subtle, blau auf blau mit blauem Rand

Text inaktiv, weiß auf grau

Text etwas höher (ex)

Ausblenden aktiv, dunkelgrau auf grau

Ausblenden etwas höher (ex)

aktiv, weiß auf dunkelblau

Aa aktiv, weiß auf dunkelblau mit Tooltip: Klein-/Großschreibung beachten

Mit Tooltip mit Tooltip: Beispieltext

Mit Tooltip etwas höher (ex)