Provate a utilizzare termini di ricerca diversi o meno numerosi.
PrincipiBaseAccessibilitéSistema di designGuidelines Deutsch Français Italiano English
I nostri principi di design Soluzioni focalizzate sull’utente Riconoscibilità Inclusione Riduzione Olistico Autoesplicativo Orientamento all’attività Adeguatezza
Il brandLink target opens in a new window. Portale della marca FFS Logo Orologio digitale Diritti di utilizzazioneColori Colori die base Colori addizionali Colori Off BrandAssets Icone Icone dell'orario PittogrammiLingua Informazioni sull'UX Writing Testi per pulsanti e link Notifiche Moduli e campi di input Indicatore di avanzamento Glossario digitale
Introduzione Informazioni sull’accessibilità Über diesen Guide Contatti Letture consigliateAccessibilità in base al ruolo Product Owner User Research Interaction Design Visual Design Development Content Design Testing
Primi passi What is a design system? Designing Coding FAQ AiutoOrganizzazione Processo Contribution ContattoMobile Introduzione Base ComponentiLyne Introduzione Che cos'è Lyne? Releases Presets & Themes Design Tokens Componenti TemplatesMaps Introduzione Base InformationsPatterns Introduzione
Guides Power-Apps Banner pubblicitari digitali SAP IA Design : Base.Prescrizioni Icone delle app
Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili: Deutsch EnglishLoadingindicator.
Übersicht
Was macht die Komponente?
Zeigt an, dass eine länger dauernde Aktion durchgeführt wird.
Wann soll die Komponente eingesetzt werden?
Beim Absenden von Formularen.
Beim Laden oder Aktualisieren eines einzelnen Bereichs einer Seite.
Regeln
Benötigt das System länger als 100ms um eine Antwort anzuzeigen, muss ein Loading Indicator angezeigt werden.
Der Loading Indicator ist immer auf einer weissen, leicht transparenten Fläche zu verwenden.
Es darf pro Seite/Viewport nur ein Loading Indicator angezeigt werden
Die weisse Fläche überdeckt den Bereich, welcher geladen oder aktualisiert wird.
Standardmässig wird der Loading Indicator «Medium» eingesetzt.
Varianten
Varianten
Tiny
Small
Medium
Big
Spezifikationen
Link target opens in a new window.DesignLink target opens in a new window.Code