| Scroll Ignore | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
|
Concept
Un widget contient un grand nombre d'options ( couleur du texte, taille du texte, affichage des icônes, etc. ).
Une interface d'édition pour chaque type est donc nécessaire pour satisfaire la disparité de configuration des widgets.
Dans cette page, se trouve une explication du comportement des différents types de propriétés :
- Champ de type texte,
- Champ de type radio,
- Champ de type sélecteur,
- etc.
Et donnera une explication sur la prévisualisation de la configuration
Accéder au menu de configuration
La roue crantée ( ) disponible en mode édition sur les widgets permet d'accéder à l'interface de configuration des widgets :
Le formulaire sera différent pour chaque type de widget.
| Panel |
|---|
| Panel |
|---|
Fonctionnement général
Regroupement par dossier escamotable
Pour une facilité d'édition, les propriétés, portant sur le même sujet, sont regroupés par dossier escamotable.
Les dossiers escamotables ont un titre qui permet de cacher le contenu si on clique dessus
Les dossiers escamotables ont donc deux états possibles :
- ouvert ( par défaut )
- fermé
Dans l'exemple ci-contre :
- les deux zones "Affichage" et "Zone de gauche" sont fermés
- la zone "Zone en haut à droite" est ouverte
| Panel |
|---|
Valeurs par défaut
Les valeurs par défaut vous permettent de définir des comportements communs aux widgets.
Ils sont définis par type de widget ( météo, séparateur et titre ) et proviennent de deux éléments par ordre de priorité, les layouts que l'on retrouve dans le fichier JSON et les cfg qui sont accessibles par votre administrateur Shinken.
Si un layout existe, il aura la priorité sur les cfg sur la définition des valeurs par défaut.
Définition des valeurs par défaut par les layouts
Chaque type de widget possède son propre layout, se trouvant dans le JSON ( grids > layouts )
| Panel | ||
|---|---|---|
| ||
| Panel | ||
|---|---|---|
| ||
| Panel |
|---|
Définition des valeurs par défaut par les cfg
Les différents types de propriété
Propriété de type texte
Permet de rentrer une valeur manuellement au clavier.
Certain champ texte auront des restrictions :
- caractère interdit,
- valeur numérique obligatoire,
- etc.
Propriété de type sélecteur
Permet de rentrer une valeur prédéfinie.
- Le clic sur le champ ouvre un sélecteur avec les valeurs possibles.
- Cliquer sur une option remplace la valeur précédente.
Un champ de recherche est disponible pour filtrer la liste des éléments proposés dans le sélecteur.
Propriété de type radio
Permet de rentrer une valeur prédéfinie parmi un nombre restreint de valeurs ( en général des booléens ).
- Cliquer sur une option remplace la valeur précédente.
Propriété de type radio et sélecteur
Permet de rentrer une valeur prédéfinie en mettant plus en valeur la séparation en une valeur par défaut et une valeur configurée consciemment par l'utilisateur.
- Cliquer sur une option remplace la valeur précédente.
La mode prévisualisation
Concept
Interactions
En bas de cette fenêtre ( ici en rouge ), se trouve une prévisualisation du type de widget en configuration.
Cette prévisualisation est générique, elle prendra toutes les configurations en compte en temps réel, afin d'aider à la configuration.
Une fois la configuration validée, les changements effectués sur la prévisualisation seront répercutés sur le widget configuré.
Les widgets avec configuration de zone
Certains widgets possèdent une configuration de zone qui permet d'afficher ou non les zones configurables sur la prévisualisation ( ici en vert ).
Les radios bouton, présent au-dessus de la prévisualisation, permettent de configurer l'affichage ou non de ces zones.
Si la zone est sélectionnée en afficher, une roue crantée apparait sur la zone dans la prévisualisation et disparait, ainsi que la zone, si on le cache.
La configuration d'une zone
En cliquant sur une roue crantée, la configuration possible de cette zone apparait sous le widget de prévisualisation ( ici en bleu ).
Les champs qui apparaissent en dessous, permettent de configurer la zone sélectionnée.
| Panel |
|---|
Après clique sur route crantée
| Panel |
|---|
Après clique sur route crantée
| Panel |
|---|
La configuration des différents types de widgets
Chaque type de widget possédant ses propres particularités =, les options différeront :
- Widget Météo ( voir la page NEW_PAGE - 003.7 - SEF-11600 - Editer un widget Titre - Météo )
- Widget Titre ( voir la page NEW_PAGE - 003.7 - SEF-11600 - Editer un widget Météo - Météo )
- Widget Séparateur (voir la page NEW_PAGE - 003.7 - SEF-11600 - Editer un widget Séparateur - Météo )
...
