Zum Inhalt springen

Vorlage:Hilfe/dialog

Aus Wikivoyage
Dokumentation für die Vorlage {{Hilfe/dialog}}[Ansicht] [Bearbeiten] [Versionsgeschichte] [Aktualisieren]

Diese kleine Vorlage dient in ersten Linie der Erstellung von Dialogfeldern mit ein, zwei oder drei Buttons zur Simulation auf Seiten, die die Funktionen des VisualEditors beschreiben.

Parameter

1 2 3

Typ für Button 1 bis 3

1 oder leer = schwarz auf weiß
b = blau auf weiß
i = inaktiv, weiß auf grau
l = rot auf weiß
p = progressive, weiß auf blau
content
Inhalt des Dialogfeldes darf keine Tabellen enthalten falls notwendig muss noframe einen Inhalt haben um den Rahmen abzuschalten
label-1
Text für Button 1
label-2
Text für Button 2
label-3
Text für Button 3
label-t
Dialogfeldtitel, geeignet für die Einbindung von Hilfe:VisualEditor/!toolitem oder internationalisierten Titeln
line
kann eine Trennlinie ober- oder unterhalb des Bereiches content erzeugen
mobile
Umrandung für die Schaltflächen ausblenden
noframe
Inhalte mit Tabellen können nicht im Parameter content dargestellt werden, noframe deaktiviert den Rahmen, dieser muss manuell gesetzt werden.
Die Buttons 1 und 2 oder 3 können dann einzeln gesetzt werden.
width
Breite einstellen, numerische Angabe in px, Vorgabe 380px

Kopiervorlagen

{{Hilfe/dialog|1= |2= |3= |label-t= |label-1= |label-2= |label-3= |line= |noframe= |width= |content=}}

Beispiele

Grundform drei Buttons mit Inhalt
{{Hilfe/dialog|3=l |label-t=Dialogtitel |label-1=Abbrechen |label-2=Weiter |label-3=Löschen |line=1 |content=Inhalt}}

Abbrechen
Dialogtitel
Weiter

Inhalt

Löschen

Anzeige für Mobilgeräte

Dialogtitel
Speichern

Inhalt

Löschen

Button 2 inaktiv, mit Inhalt, ohne Button 3, Breite 450px
{{Hilfe/dialog |2=i |label-t=Dialogtitel |label-1=Zurück |label-2=Fertig |width=450 |line=1 |content={{Hilfe/ticbox|OOJS=1|tic=0}} Option auswählen}}

Zurück
Dialogtitel
Fertig

0 Option auswählen

Button 2 progressive
{{Hilfe/dialog|2=p|label-t={{int:Syntaxhighlight-visualeditor-mwsyntaxhighlightinspector-title}}|label-1=Abbrechen|label-2=Einfügen}}

Abbrechen
Codeblock
Einfügen

Butten 1 fehlt, Button 2 aktiv mit blauer Schrift, Dialogtitel links
{{Hilfe/dialog|2=b|label-t={{Hilfe:VisualEditor/!toolitem|Medien|name=2}}|label-2=Bearbeiten}}

icon Bilder und Medien
Bearbeiten

Button 2 fehlt
{{Hilfe/dialog|label-t={{int:Syntaxhighlight-visualeditor-mwsyntaxhighlightinspector-title}}|label-1=Abbrechen}}

Abbrechen
Codeblock

Sonderform Tabelle als Inhalt

<div class="hintergrundfarbe2" style="border: 1px solid #BBBBBB; border-radius: 3px; font-size: 90%; width: 380px; padding: .2em 0;">
{{Hilfe/dialog|2=p|label-t={{int:Syntaxhighlight-visualeditor-mwsyntaxhighlightinspector-title}}|label-1=Abbrechen|label-2=Einfügen|noframe=1}}
----
{| class="toptextcells" style="padding: .5em; width:100%;"
|-
|style="width:70px;"| {{int:syntaxhighlight-visualeditor-mwsyntaxhighlightinspector-language}} || {{Hilfe/inputarea |content=basic}}
|-
| {{int:Syntaxhighlight-visualeditor-mwsyntaxhighlightinspector-code}} ||  {{Hilfe/inputarea |border=2 |placeholder=Programmcode|rows=3 |typ=p}}
|}
{{Hilfe/dialog|3=l|label-3=Löschen |line=1|noframe=1}}
</div>
Abbrechen
Codeblock
Einfügen

Sprache
 basic  
Code
 |Programmcode


Löschen
Hinweise