| 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 : Les problèmes de configuration - Edition - 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,
- 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 - Edition - 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. | ||
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 | ||||
|---|---|---|---|---|
|
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.
- Si vous utilisez la valeur "default" pour un paramètre qui l'accepte, la valeur sera alors celle présente dans le fichier de configuration du module "
webui-module-service-weather".- Vous trouverez la définition de ces paramètres dans la page Configuration de la disposition par défaut des widgets.
| Code Block | ||||
|---|---|---|---|---|
| ||||
...
"grid_elements": [
...
],
"layouts" : {
...
"title_widget_layout" : {
"width" : "default",
"height" : "default",
"content" : {
"layout" : {
"information_to_display" : {
"title_area" : {
"text_color" : "#000000",
"font_zoom_percent" : "default"
}
}
}
}
}
...
}
... |