Concept

Une interface d'édition est disponible pour chaque type de widget , permettant de configurer chaque option ( couleur du texte, taille du texte, affichage des icônes, etc. )

Dans cette page, se trouve une explication du comportement des différents types de propriété : 

  • Champ de type texte,
  • Champ de type radio,
  • Champ de type sélecteur,
  • etc.

Ainsi qu'une explication sur la prévisualisation de la configuration

Accéder au menu de configuration

La roue crantée ( ) disponible en mode édition ( voir la page NEW_PAGE - 003.7 - SEF-11413 - Edition VISUEL - Météo - Shinken Entreprise V02.08.02 - Confluence  ) sur les widgets permet d'accéder à l'interface de configuration des widgets.

L'édition n'est actuellement possible qu'un widget à la fois.

Le formulaire sera différent pour chaque type de widget ( météo, séparateur et titre ).


Fonctionnement général


Regroupement par dossier des propriétés

Pour faciliter la configuration, les propriétés, portant sur le même sujet, sont regroupées par section.

Les sections ont un titre qui permet de cacher leur contenu lorsque l'on clique dessus.

Les sections 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

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 ) ( voir la page Concept et paramétrage des widgets - Edition - Météo ).

Les valeurs par défaut sont affichées en violet et seront toujours sélectionnables grâce à un bouton radio.

Toutes les propriétés n'ont de valeurs par défaut.

Les différents types de propriété

Propriété de type texte

Permet de saisir une valeur au clavier.

Le balai permet d'effacer le contenu

Propriété de type sélecteur

Permet de choisir une valeur prédéfinie dans une liste déroulante.

  • 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 choisir une valeur parmi un nombre restreint de valeurs prédéfinies.

  • Cliquer sur un bouton ou sur le texte pour modifier le choix.

Propriété de type radio et sélecteur


Permet de choisir une valeur dans une liste de valeurs prédéfinies ou de sélectionner la valeur par défaut.



Propriété de type radio et champ texte

Permet de saisir une valeur au clavier ou de sélectionner la valeur par défaut.

Si le champ texte reste vide, la propriété prend la valeur par défaut.

Le balai permet d'effacer le contenu du champ texte.

Le widget de prévisualisation

Concept

Le widget de prévisualisation permet à l'utilisateur d'afficher le résultat de sa configuration sans avoir les autres widgets autour pour polluer la vision.

De plus, il permet d'afficher les options de configuration spécifiques à certains widgets ( les différentes zones du widget météo ).

Interactions

En bas de cette fenêtre ( zone encadrée de rouge dans les exemples ci-dessous, exemple 1 ), se trouve une prévisualisation d'un widget météo en configuration.

Cette prévisualisation est générique, elle prend toutes les modifications de configuration en compte en temps réel, afin d'aider l'utilisateur à trouver un résultat qui lui convient.

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 ( zone encadrée de vert dans les exemples ci-dessous, exemple 2 ).

Les boutons radios présents au-dessus de la prévisualisation permettent de configurer l'affichage de ces zones. 

Si la zone est sélectionnée en "affiché", une roue crantée apparaît sur la zone dans la prévisualisation et disparait, ainsi que la zone, si on sélectionne l'option "caché" et il en va de même pour la valeur par défaut en fonction de sa valeur.


La configuration d'une zone

En cliquant sur une roue crantée, la configuration possible de cette zone apparaît sous le widget de prévisualisation ( zone encadrée de bleu dans les exemples ci-dessous, exemple 3 ).

Les champs qui apparaissent en dessous, permettent de configurer la zone sélectionnée.




Après clique sur roue crantée

La configuration des différents types de widgets

Chaque widget possède ses propres particularités.

Les différents widgets sont :