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] |
K (+ placeholder Inhalt anzeigen, auch wenn das Eingabefeld inaktiv ist) |
K (kl. Erweiterung) |
||
Zeile 1: | Zeile 1: | ||
− | <onlyinclude><div {{#ifeq: {{{content|0}}} | 0 | {{#if: {{{required|}}}| title="Bitte füllen sie dieses Feld aus" | }} | }} style="width: {{#if: {{{small|}}} | {{{small}}}% | 95%}}; border-radius: 3px; padding: 2px .5em 2px .5em; margin-top | + | <onlyinclude><div {{#ifeq: {{{content|0}}} | 0 | {{#if: {{{required|}}}| title="Bitte füllen sie dieses Feld aus" | }} | }} style="width: {{#if: {{{small|}}} | {{{small}}}% | 95%}}; border-radius: 3px; padding: 2px .5em 2px .5em; margin-top: 2px; border: solid {{#ifeq:{{{border|1}}} | 2 | {{#ifeq: {{{typ|0}}} | i | 1 | 2 }} | 1}}px #{{#switch:{{{typ|}}} |
|el | |el | ||
|s | |s | ||
Zeile 17: | Zeile 17: | ||
|sd | |sd | ||
|si= [[Datei:OOjs UI icon search-ltr.svg|20px]] | |si= [[Datei:OOjs UI icon search-ltr.svg|20px]] | ||
− | |#default= }} {{#ifeq: {{{typ|}}} | i | <span style="opacity:.5">{{{placeholder|}}}</span> | {{#ifeq:{{{border|1}}} | 2 | {{#if: {{{remove|}}} | {{Taste| {{{remove}}} [[Datei:OOjs UI indicator clear.svg]]}} | }} {{#if:{{{placeholder|}}}|'''|'''<span style="opacity:.5">{{{placeholder}}}</span> | {{#if: {{{mark|}}}| <span style="background:#2277BB; color:#FFFFFF;">{{#tag:nowiki|{{{content}}}}}</span> | {{{content|}}}| }} }} | {{#if: {{{remove|}}} | {{Taste| {{{remove}}} [[Datei:OOjs UI indicator clear.svg]]}} | }} {{#if:{{{placeholder|}}}|<span style="opacity:.5">{{{placeholder}}}</span> | {{{content|}}} }} }} {{#ifeq: {{{required|0}}} | 0 | | [[Datei:OOjs UI indicator icon required.svg|rechts|10px]] }}{{0}} }}<!-- | + | |#default= }} {{#ifeq: {{{typ|}}} | i | <span style="opacity:.5">{{{placeholder|}}}</span> | {{#ifeq:{{{border|1}}} | 2 | {{#if: {{{remove|}}} | {{Taste| {{{remove}}} [[Datei:OOjs UI indicator clear.svg|10px]]}} | }} {{#if:{{{placeholder|}}}|'''|'''<span style="opacity:.5">{{{placeholder}}}</span> | {{#if: {{{mark|}}}| <span style="background:#2277BB; color:#FFFFFF;">{{#tag:nowiki|{{{content}}}}}</span> | {{{content|}}}| }} }} | {{#if: {{{remove|}}} | {{Taste| {{{remove}}} [[Datei:OOjs UI indicator clear.svg|10px]]}} | }} {{#if:{{{placeholder|}}}|<span style="opacity:.5">{{{placeholder}}}</span> | {{{content|}}} }} }} {{#ifeq: {{{required|0}}} | 0 | {{#if:{{{expand|}}} |<span style="position:relative; float:right; right: -.6em; top: -3px;">{{Hilfe/clickbutton|[[Datei:OOjs UI icon downTriangle.svg|16px|verweis=]]|ex=1}}</span> | }} | [[Datei:OOjs UI indicator icon required.svg|rechts|10px]] }}{{0}} {{#if:{{{counter|}}}|<span style="float:right; opacity:.6">{{{counter}}}</span> | }} }}<!-- |
-->{{#if:{{{rows|}}} | -->{{#if:{{{rows|}}} | ||
| {{#switch:{{{rows|}}} | | {{#switch:{{{rows|}}} | ||
Zeile 27: | Zeile 27: | ||
| }}<!-- | | }}<!-- | ||
-->{{#ifeq: {{#ifeq: {{{typ|0}}} | 0 | 1 | }} | {{#ifeq: {{{border|}}} | 2 | 1 | ??? }} | <span class="error">*Wert für <code>border</code> bitte entfernen, wenn keine Typenangabe erfolgt*</span> | }}</div></onlyinclude> | -->{{#ifeq: {{#ifeq: {{{typ|0}}} | 0 | 1 | }} | {{#ifeq: {{{border|}}} | 2 | 1 | ??? }} | <span class="error">*Wert für <code>border</code> bitte entfernen, wenn keine Typenangabe erfolgt*</span> | }}</div></onlyinclude> | ||
+ | {{Dokumentation/ruler}} | ||
+ | Diese Vorlage fügt auf einer Hilfeseite ein inaktives '''Eingabefeld''' ein, um die unterschiedlichen Optionen darzustellen. | ||
− | + | __TOC__ | |
=== Parameter === | === Parameter === | ||
Zeile 36: | Zeile 38: | ||
; content | ; content | ||
: Vorbelegten / bereits eingegebenen Text darstellen | : 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 | ; mark | ||
: den Text im Parameter <code>content</code> markieren (weiß auf blau) | : den Text im Parameter <code>content</code> markieren (weiß auf blau) | ||
Zeile 90: | Zeile 97: | ||
; Progressive (blau) | ; Progressive (blau) | ||
− | : <code><nowiki>{{Hilfe/inputarea |border= |typ=p}}</nowiki></code> | + | : <code><nowiki>{{Hilfe/inputarea |border= |content= |counter= |typ=p}}</nowiki></code> |
{{Hilfe/inputarea |typ=p}} | {{Hilfe/inputarea |typ=p}} | ||
{{Hilfe/inputarea |border=2 |typ=p}} | {{Hilfe/inputarea |border=2 |typ=p}} | ||
+ | {{Hilfe/inputarea |border=2 |content=Suchwort |counter=1 von 7 |typ=p}} | ||
Zeile 108: | Zeile 116: | ||
; Auswahl entfernen (remove) | ; Auswahl entfernen (remove) | ||
− | : <code><nowiki>{{Hilfe/inputarea |border= |placeholder= |remove= |typ= | + | : <code><nowiki>{{Hilfe/inputarea |border= |placeholder= |remove= |typ= }}</nowiki></code> |
{{Hilfe/inputarea |placeholder= Eine Kategorie einfügen … |remove= Beispielkategorie}} | {{Hilfe/inputarea |placeholder= Eine Kategorie einfügen … |remove= Beispielkategorie}} | ||
Zeile 115: | Zeile 123: | ||
: <code><nowiki>{{Hilfe/inputarea |border= |rows= ‹2–5› |typ=}}</nowiki></code> | : <code><nowiki>{{Hilfe/inputarea |border= |rows= ‹2–5› |typ=}}</nowiki></code> | ||
{{Hilfe/inputarea |rows=3}} | {{Hilfe/inputarea |rows=3}} | ||
+ | |||
+ | |||
+ | ; Mit Feld zum Ausklappen | ||
+ | : <code><nowiki>{{Hilfe/inputarea |border= |content= |expand= |typ=p}}</nowiki></code> | ||
+ | {{Hilfe/inputarea |expand=1}} | ||
+ | {{Hilfe/inputarea |content=Inhalt ausklappen |expand=1 |typ=p}} | ||
+ | : <code><nowiki>{{Hilfe/inputarea |border= |counter=[[Datei:OOjs UI icon downTriangle.svg|16px]] |small=60}}</nowiki></code> | ||
+ | {{Hilfe/inputarea |content=Kategorie |counter=[[Datei:OOjs UI icon downTriangle.svg|16px]] |small=60}} | ||
Version vom 17. Februar 2017, 12:13 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=}}
- Feld mit Icon (Suchfeld)
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |typ= s / sd}}
- Feld mit Icon (externer Link)
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |typ= el / eld}}
- 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= }}
- 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|16px]] |small=60}}
- Breite einstellen (small)
{{Hilfe/inputarea |border= |typ= |small= ‹1–99›}}
|