| Scroll Ignore | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
|
Concept
Présentation - Widget Titre
Comme son nom l'indique, le widget titre permet d'attribuer un titre à la page :
- Ce widget doit être présent pour chaque météo des services;
- Il ne peut y avoir qu'un seul widget titre par météo, sous peine d'erreur lors de la sauvegarde de la météo ( Plus d'informations ici : Gestion des problèmes de configuration - Édition - Météo ).
Pour plus d'informations sur l'affichage des widgets "titre", voir la page : Widget Titre - Détail - Météo
Description
Pour le widget "titre", il faut configurer :
- Sa position dans la grille et sa taille.
- Le texte à afficher
Les options du widget "titre" :
- Sa partie réservée au texte :
- la couleur du texte,
- l'alignement du texte,
- le pourcentage du zoom de la taille de la police.
Configuration
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
...
"grid_elements": [
{
"position_x" : 0,
"position_y" : 0,
"width" : "all",
"height" : 2,
"content" : {
"type" : "title_widget",
"layout" : {
"information_to_display" : {
"title_area" : {
"label" : "DATACENTER",
"text_color" : "#000000",
"text_align" : "left",
"font_zoom_percent" : 100
}
}
}
}
}
]
... |
Positionnement et dimensionnement
Pour plus d'explications, regarder la page Concept et paramétrage de la grille - Édition JSON - Météo
| Code Block | ||||
|---|---|---|---|---|
| ||||
...
"grid_elements": [
{
"position_x": 0,
"position_y": 3,
"width" : "all",
"height" : "1",
...
}
]
... |
| Nom | Type | Défaut | Commentaire | ||
|---|---|---|---|---|---|
| Numéro de cellule | --- | Abscisse du point "le plus en haut à gauche" d'un widget :
| ||
| Numéro de cellule | --- | Ordonnée du point "le plus en haut à gauche" d'un widget :
| ||
| Nombre de cellules | --- | Correspond à la largeur du widget :
Si le paramètre "width" n'est pas présent dans la configuration du widget, c'est comme s'il valait "default". | ||
| Nombre de cellules | --- | Correspond à la hauteur du widget :
Si le paramètre "height" n'est pas présent dans la configuration du widget, c'est comme s'il valait "default". |
Contenu du widget titre
| Code Block | ||||
|---|---|---|---|---|
| ||||
...
"grid_elements": [
{
...
"content" : {
"type" : "title_widget",
"layout" : {
"information_to_display" : {
"title_area" : {
...
}
}
}
}
}
]
... |
| Nom | Type | Défaut | Commentaire | ||
|---|---|---|---|---|---|
| String | - | Type du widget, dans le cas du widget titre ce paramètre doit être obligatoirement défini à la valeur : title _widget . | ||
| Clé | - | La clé layout permet de gérer la disposition et l'affichage du widget. Seul la clé information_to_display pour le widget de type title _widget peut être renseigné. | ||
| Clé | - | La clé information_to_display doit être renseignée dans la clé layout. Elle permet de paramétrer l'affichage des différentes zones du widget. En l'occurrence ( le widget titre n'a qu'une zone ) : title_area. | ||
| Panel |
|---|
|
La zone de titre
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
...
"grid_elements": [
{
...
"content" : {
...
"layout" : {
"information_to_display" : {
"title_area" : {
"label" : "DATACENTER",
"text_color" : "#000000",
"text_align" : "left",
"font_zoom_percent" : 100
}
}
}
}
}
]
... |
| Nom | Type | Défaut | Commentaire | ||||
|---|---|---|---|---|---|---|---|
| String | - | Texte affiché dans le widget.
| ||||
| Couleur Web | #000000 | Couleur d'affichage du texte.
| ||||
| String | left | Alignement du texte.
| ||||
| Integer | 100 | Zoom en pourcentage de la taille de la police. Doit être supérieur à 0 Une valeur de 200 affiche un texte deux fois plus gros Une valeur de 50 affiche un texte deux fois plus petit
|
Exemple
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
...
"grid_elements": [
{
"position_x" : 0,
"position_y" : 0,
"width" : "all",
"height" : 2,
"content" : {
"type" : "title_widget",
"layout" : {
"information_to_display" : {
"title_area" : {
"label" : "DATACENTER",
"text_color" : "#000000",
"text_align" : "left",
"font_zoom_percent" : 100
}
}
}
}
}
]
... |
| Panel |
|---|
|
| Anchor | ||||
|---|---|---|---|---|
|
Pour éviter d'avoir à configurer toutes les valeurs, la plupart des champs de configuration utilisent une configuration par défaut.
- Le premier niveau est défini par l'administrateur Shinken dans des fichiers de configuration, qui sera utilisé pour toutes les météos.
( voir la page Configuration de la disposition par défaut des widgets - webui-module-service-weather )
Le deuxième niveau se situe au niveau de la météo pour définir le comportement du widget titre pour cette météo uniquement.Définir les valeurs par défaut du widget "titre" dans une météo
Dans le chapitre "layouts" de la grille, il suffit de définir / compléter le chapitre "title_widget_layout" :
- Il ne faut définir que les valeurs pour lesquelles on souhaite mettre un paramètre par défaut;
- Certains paramètres ne peuvent pas avoir de valeur par défaut :
- position_x,
- position_y,
- type,
- label.
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
...
"grid_elements": [
...
],
"layouts" : {
...
"title_widget_layout" : {
"width" : "default",
"height" : "default",
"content" : {
"layout" : {
"information_to_display" : {
"title_area" : {
"text_color" : "#000000",
"text_align" : "default",
"font_zoom_percent" : "default"
}
}
}
}
}
...
}
... |