| 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 servicesservices ;
- 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 : HIDDEN - V02.08.02 - Les Gestion des problèmes de configuration - Edition Édition - Météo ).
Plus d'informations sur les widgets titre sur la page : HIDDEN - V02.08.02 - ( voir la page Widget Titre - Détail - Météo )
Description
Pour le widget "titre", il faut définir configurer :
- Sa position X, Y, largeur et hauteur;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_xy" : 0, "width" : "all", "position_y" "height" : 32, "content" : { "width" "type" : "alltitle_widget", "height"layout" : { : "1", information_to_display" : { "content "title_area" : { "type" "label" : "title_widgetDATACENTER", "title" "text_color" : "DATACENTER#000000", "text_color" : "#000000" 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",
"typelayout" : {
: "titleinformation_to_widget",display" : {
"title_area" : {
...
: "DATACENTER",
"text_color" : "#000000"}
}
}
}
}
]
... |
. |
| 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 |
. |
|
|
Nom qui sera affiché dans le widget titre :
- doit obligatoirement être défini.
| Code Block |
|---|
text_color |
#000000
( black )
Définis la couleur du texte des séparateurs :
- Le format de la valeur est une couleur web ( Voir : https://en.wikipedia.org/wiki/Web_colors )
- "default" => la valeur sera calculée avec le système de "Calcul de la valeur en cascade" ( voir la page HIDDEN - V02.08.02 - Concept et paramétrage des widgets - Edition - Météo ).
Exemple
| 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 | ||||||
|---|---|---|---|---|---|---|
| ||||||
... | ||||||
| Code Block | ||||||
| ||||||
... "grid_elements": [ { ... "content" : { "position_x": 0, ... "position_ylayout" : 3,{ "width" "information_to_display" : "all",{ "height" : 3, "content "title_area" : { "type" "label" : "title_widgetDATACENTER", "title" "text_color" : "DATACENTER#000000", "text_coloralign" : "#000000" "left", "font_zoom_percent" : 100 } }, } } ... } } ] ... |
| Panel |
|---|
|
Définir les valeurs par défaut du widget "titre" dans une météo
Dans 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 lesquels 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,
- title.
- 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 HIDDEN - V02.08.02 - Configuration de la disposition par défaut des widgets.
| 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 | ||||||
|---|---|---|---|---|---|---|
| ||||||
... | ||||||
| Code Block | ||||||
| ||||||
... "grid_elements": [ { "position_x" : 0, "position_y" : 0, ... ], "layouts "width" : "all", "height" : 2, "content" : { ... "type" : "title_widget_", "layout" : { "width" : "all", "height" : 1, "content" : { "information_to_display" : { "title_area" : { "label" : "DATACENTER", "text_color" : "#000000", "text_coloralign" : "left", "default" "font_zoom_percent" : 100 } } } } }, ] ... |
| Panel |
|---|
|
