| Scroll Ignore | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
|
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 ).
( 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 de configuration de la grille ( voir la page Configurer 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 |
|---|
|
