Nicht angemeldeter Benutzer - Bearbeiten von Seiten ist nur als angemeldeter Benutzer möglich.
Vorlage:Hilfe/inputarea: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
[unmarkierte Version] | [unmarkierte Version] |
(Simon79) |
(hmmm) |
||
Zeile 32: | Zeile 32: | ||
__TOC__ | __TOC__ | ||
− | + | === Parameter === | |
+ | ; border | ||
+ | : ''optional'' Dicke der Umrandung in Pixeln; <code>1</code> oder <code>2</code>, Vorgabe <code>1</code> Pixel grau <code>#BBBBBB;</code> | ||
+ | : Nicht für <code>typ=i</code> verwenden | ||
+ | ; content | ||
+ | : Vorbelegten / bereits eingegebenen Text darstellen | ||
+ | ; counter | ||
+ | : Zählerangabe für Suchen und ersetzen, Eingabeform <code>1 von 7</code> | ||
+ | : oder als Option für ein rechts stehendes Dropdown-Icon innerhalb des Feldes | ||
+ | ; expand | ||
+ | : Mit zusätzlichem Dropdownpfeil rechts, nicht in Verbindung mit <code>rows</code> für <code>small</code> oder <code>border</code> | ||
+ | ; mark | ||
+ | : den Text im Parameter <code>content</code> markieren (weiß auf blau) | ||
+ | ; placeholder | ||
+ | : ''optional'' gibt einen blassgrauen Infotext, falls <code>content=</code>''leer'' | ||
+ | ; remove | ||
+ | : Eintrag wieder entfernen | ||
+ | ; required | ||
+ | : erzeugt ein Sternchen <code>[[Datei:OOjs UI indicator icon required.svg|verweis=|10px]]</code>, um anzuzeigen, dass hier eine Eingabe erforderlich ist | ||
+ | ; rows | ||
+ | : mehrzeiliges Eingabefeld darstellen, hier die Anzahl der Zeilen (<code>2</code> bis <code>5</code>) eingeben | ||
+ | ; small | ||
+ | : Eingabefeld schmaler machen, der Wert sollte zwischen <code>0</code> und <code>100</code> liegen und wird als Prozent interpretiert | ||
+ | ; typ | ||
+ | : ändert den Farbwert für die Umrandung und fügt eventuell ein Icon hinzu | ||
+ | : keine Angabe = Standardfeld (grau) | ||
+ | : <code>d</code> = destructive (rot) | ||
+ | : <code>i</code> = inaktiv (disabled, grau) | ||
+ | : <code>el</code> = external link (blau mit Icon externe Verlinkung = [[Datei:OOjs UI icon external-link-ltr.svg|verweis=|16px]]) | ||
+ | : <code>eld</code> = external link (rot, falscher Wert mit Icon externe Verlinkung = [[Datei:OOjs UI icon external-link-ltr.svg|verweis=|16px]]) | ||
+ | : <code>eli</code> = external link (grau, Eingabefeld inaktiv mit Icon externe Verlinkung = [[Datei:OOjs UI icon external-link-ltr.svg|verweis=|16px]]) | ||
+ | : <code>p</code> = progressive (blau) | ||
+ | : <code>s</code> = search (blau mit Suchfeldicon = [[Datei:OOjs UI icon search-ltr.svg|verweis=|16px]]) | ||
+ | : <code>sd</code> = search (rot, falscher Wert mit Suchfeldicon = [[Datei:OOjs UI icon search-ltr.svg|verweis=|16px]]) | ||
+ | : <code>si</code> = search (grau, Suchfeld inaktiv mit Suchfeldicon = [[Datei:OOjs UI icon search-ltr.svg|verweis=|16px]]) | ||
=== Kopiervorlagen – Ausgabeformen === | === Kopiervorlagen – Ausgabeformen === |
Version vom 27. April 2018, 08:59 Uhr
Diese Vorlage fügt auf einer Hilfeseite ein inaktives Eingabefeld ein, um die unterschiedlichen Optionen darzustellen.
Parameter
- border
- optional Dicke der Umrandung in Pixeln;
1
oder2
, Vorgabe1
Pixel grau#BBBBBB;
- Nicht für
typ=i
verwenden - content
- Vorbelegten / bereits eingegebenen Text darstellen
- counter
- Zählerangabe für Suchen und ersetzen, Eingabeform
1 von 7
- oder als Option für ein rechts stehendes Dropdown-Icon innerhalb des Feldes
- expand
- Mit zusätzlichem Dropdownpfeil rechts, nicht in Verbindung mit
rows
fürsmall
oderborder
- mark
- den Text im Parameter
content
markieren (weiß auf blau) - placeholder
- optional gibt einen blassgrauen Infotext, falls
content=
leer - remove
- Eintrag wieder entfernen
- required
- erzeugt ein Sternchen
, um anzuzeigen, dass hier eine Eingabe erforderlich ist
- rows
- mehrzeiliges Eingabefeld darstellen, hier die Anzahl der Zeilen (
2
bis5
) eingeben - small
- Eingabefeld schmaler machen, der Wert sollte zwischen
0
und100
liegen und wird als Prozent interpretiert - typ
- ändert den Farbwert für die Umrandung und fügt eventuell ein Icon hinzu
- keine Angabe = Standardfeld (grau)
d
= destructive (rot)i
= inaktiv (disabled, grau)el
= external link (blau mit Icon externe Verlinkung = )eld
= external link (rot, falscher Wert mit Icon externe Verlinkung = )eli
= external link (grau, Eingabefeld inaktiv mit Icon externe Verlinkung = )p
= progressive (blau)s
= search (blau mit Suchfeldicon = )sd
= search (rot, falscher Wert mit Suchfeldicon = )si
= search (grau, Suchfeld inaktiv mit Suchfeldicon = )
Kopiervorlagen – Ausgabeformen
- Eingabe erforderlich
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |required= 1 |typ=}}
Vorbelegt
Pflichtangabe erwartet
Pflichtangabe erfolgt
Pflichtangabe erfolgt Feld aktiv|
Angabe fehlt
|Pflichtangabe wurde aktiv gelöscht
- Feld mit Icon (Suchfeld)
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |typ= s / sd}}
https://www.example.com
Wikipedia
Wikip|
Suchbegriff eingeben
Suchbegriff eingeben
- Feld mit Icon (externer Link)
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |typ= el / eld}}
Wikipedia
https://www.example.com
Webadresse eingeben
Webadresse eingeben
- Progressive (blau)
{{Hilfe/inputarea |border= |content= |counter= |typ=p}}
|
Suchwort| 1 von 7
- Destructive (rot)
{{Hilfe/inputarea |border= |typ=d}}
|
- Inaktiv (disabled)
{{Hilfe/inputarea |placeholder= |typ=i}}
Zielseite für die Weiterleitung
- Auswahl entfernen (remove)
{{Hilfe/inputarea |border= |placeholder= |remove= |typ= }}
Beispielkategorie Eine Kategorie einfügen …
- Multiline (rows)
{{Hilfe/inputarea |border= |rows= ‹2–5› |typ=}}
- Mit Feld zum Ausklappen
{{Hilfe/inputarea |border= |content= |expand= |typ=p}}
Inhalt ausklappen
{{Hilfe/inputarea |border= |counter=[[Datei:OOjs UI icon downTriangle.svg|verweis=|16px]] |small=60}}
Kategorie
- Breite einstellen (small)
{{Hilfe/inputarea |border= |typ= |small= ‹1–99›}}
|