Ladebildschirm
-
Akkordeon -
Anker -
Audio-Player -
Bild -
Bot -
Breaking News -
Button -
Card -
Chip -
Copyright -
Details -
Exposé -
Fetch -
Flip-Card -
Footer -
Formular: Block -
Formular: Checkbox -
Formular: Combobox -
Formular: Fehlerliste -
Formular: Filter -
Formular: Fortschrittsanzeige -
Formular: Input -
Formular: Layouts -
Formular: Radio -
Formular: Select -
Formular: Switch -
Formular: Textfeld -
Formular: Upload -
Formular: Validierung -
Galerie -
Grid -
Header -
Hervorgehobener Link -
Hervorhebung -
Icon -
In-Page Navigation -
Infobox -
Karussell -
Kontakt -
Ladebildschirm neu -
Links -
Liste -
Logo -
Map -
Meldung -
Menü -
Modal -
Newsletter -
One Time Password – Eingabe von Einmalpasswörtern neu -
Pager -
Paginierung -
Quicklink-Liste -
Reiter -
Section -
Sidebar -
Skip Link -
Social Media -
Stack -
Stage -
Status -
Suche -
Tabelle -
Tag -
Trenner neu -
Video-Player -
Vorspann -
Zeitstempel -
Zitat
Der Ladebildschirm zeigt, dass eine Aktion verarbeitet wird, beispielsweise wenn Daten geladen werden. Er verhindert Unsicherheit während kurzer Wartezeiten und schafft Orientierung, bis Inhalte verfügbar sind. Für den Einsatz des Ladebildschirms gilt:
- Ladebildschirm anzeigen, wenn Inhalte länger als 400 Millisekunden geladen werden.
- Ladebildschirm mindestens für 1000 Millisekunden sichtbar lassen, damit er nicht als Flackern wahrgenommen wird.
Es kann ein beliebiger Beschreibungstext mit text gesetzt werden. Der Beschreibungstext soll möglichst kurz, klar und in einheitlicher Sprache formuliert sein. Technische Fachbegriffe, informelle Texte, Texte in Großbuchstaben und zu lange Texte sollen vermieden werden.
Ladebildschirm
<wm-loadingscreen active text="Änderungen werden gespeichert"
></wm-loadingscreen>wm-loadingscreen
Eigenschaften
| Eigenschaft | Beschreibung | Werte | Default |
|---|---|---|---|
text
|
Setzt den angezeigten Ladetext. |
string
|
"Lädt"
|
active
|
Steuert die Sichtbarkeit des Loading Screens. |
boolean
|
false
|
Events
| Event | Beschreibung | Rückgabewert |
|---|---|---|
wm-loadingscreen-open
|
Wird gefeuert, wenn der Loading Screen geöffnet wird. |
|
wm-loadingscreen-close
|
Wird gefeuert, wenn der Loading Screen geschlossen wird. |
|
Kontakt
Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht
bietet?
handbuch@ma53.wien.gv.at
Newsletter
Abonnieren Sie unseren Handbuch-Newsletter, um über wichtige Änderungen und Updates informiert zu
werden.