| Scroll Ignore | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||
|
Concept
Lorsqu'un widget a un problème, un encadré vient se mettre autour de celui-ci.
Il existe deux types de problèmes, les erreurs et les avertissements.
En fonction du type de problème les couleurs et le design de l'encadré change.
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
Affichage
Widgets
Peu importe le type de widget ( titre, météo ou séparateur ), l'affichage et le comportement de l'encadré affichant les erreurs et les avertissements sera le même.
Widget Titre
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
Widget Séparateur
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
Widget Météo
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
Comportement
La taille de l'encadré en bas du widget dépend de la taille de la police de "Erreur" et "Avertissement".
La taille de la police dépend de la largeur de la grille et non pas de la largeur du Widget. Cela permet de bien voir le problème peu importe la taille du widget et d'avoir une uniformité entre tous les widgets avec des problèmes.
Il existe quelques règles dans les cas ou le widget serait trop petit.
Règles dans les cas ou le widget serait trop petit
Le widget peut être trop petit en largeur, en hauteur ou les deux à la fois.
| Info |
|---|
Les exemples ci-dessous se feront avec un widget météo ayant un avertissement et une erreur. Peu importe le type du widget les mêmes règles seront appliqués. |
Pas assez de largeur
- Exemple 1 : comportement classique.
- Exemple 2 : le texte "AVERTISSEMENT" n'est plus affiché afin de laisser la place au texte "ERREUR".
- Exemple 3 : le texte "ERREUR" est tronqué.
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
Pas assez de hauteur
- Exemple 1 : comportement classique.
- Exemple 2 : le widget se rétrécit.
- Exemple 3 : le widget disparaît.
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
Pas assez de largeur et de hauteur
- Exemple 1 : widget avec pas assez de largeur.
- Exemple 2 : widget avec pas assez de hauteur.
- Exemple 3 : widget avec pas assez de hauteur et de largeur.
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
| ||
|
