Présentation

Le widget séparateur permet d'organiser les autres widgets dans la météo. Il peut par exemple être utilisé pour définir des sections ou des groupes de widget météo.

Plus d'informations sur les widgets séparateurs dans cette page : HIDDEN - V02.08.02 - Widget Séparateur - Détail - Météo

Description

Pour le widget séparateur, il faut configurer :

  • sa position : X, Y, largeur et hauteur;
  • son texte ainsi que ses propriétés :
    • sa couleur,
    • le pourcentage du début de la zone du texte,
    • le pourcentage de la fin de la zone du texte,
    • son positionnement.

Configuration


...    
"grid_elements": [
	{
		"position_x": 0,
        "position_y": 3,
        "width"     : "all",
        "height"    : 1,
        "content"   : {
        	"type"        : "separator_widget",
            "title"       : "DATACENTER FRANCE",
		 	"text_color"  : "#000000",
			"start_zone_text_percent" : 10,
            "end_zone_text_percent" : 10,
            "text_align" : "center"
        }   
	}
]
...


Positionnement et dimensionnement


...    
"grid_elements": [
	{
		"position_x": 0,
        "position_y": 3,
        "width"     : "all",
        "height"    : 1,
        ...
	}
]
...



NomTypeDéfautCommentaire


position_x


Numéro de cellule

---

Abscisse du point "le plus en haut à gauche" d'un widget :

  • Correspond à la case numéro X dans la largeur de la grille;
  • Doit obligatoirement être défini.


position_y


Numéro de cellule---

Ordonnée du point "le plus en haut à gauche" d'un widget :

  • un nombre => Correspond à la case numéro Y dans la hauteur de la grille;
  • Doit obligatoirement être défini.


width


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".


height


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 séparateur


...    
"grid_elements": [
	{
		...
        "content"   : {
        	"type"        : "separator_widget",
            "title"       : "DATACENTER FRANCE",
		 	"text_color"  : "#000000",
			"start_zone_text_percent" : 10,
            "end_zone_text_percent" : 10,
            "text_align" : "center"
        }   
	}
]
...



NomTypeDéfautCommentaire


type


String-

Type du widget, dans le cas du widget séparateur ce paramètre doit être obligatoirement défini à la valeur : separator_widget.


title


String-

Texte affiché dans le widget.


text_color


Couleur au format hexadécimal

#000000

Couleur d'affichage du texte. 

Si le paramètre "text_color" n'est pas présent dans la configuration du widget, c'est comme s'il valait "default".



start_zone_text_percent


Integer10

Pourcentage de la largeur à laquelle la zone de texte commence.


Si le paramètre "start_zone_text_percent" n'est pas présent dans la configuration du widget, c'est comme s'il valait "default".


end_zone_text_percent


Integer10

Pourcentage de la largeur à laquelle la zone de texte fini.

Si le paramètre "end_zone_text_percent" n'est pas présent dans la configuration du widget, c'est comme s'il valait "default".


text_align


Stringcenter

Alignement du texte
Valeurs possibles :

Si le paramètre "text_align" n'est pas présent dans la configuration du widget, c'est comme s'il valait "default".




Exemple


...    
"grid_elements": [
	{
		"position_x": 0,
        "position_y": 3,
        "width"     : "all",
        "height"    : 1,
        "content"   : {
        	"type"        : "separator_widget",
            "title"       : "DATACENTER FRANCE",
		 	"text_color"  : "#000000",
			"start_zone_text_percent" : 10,
            "end_zone_text_percent" : 10,
            "text_align" : "center"
        }   
	}
]
...




Définir les valeurs par défaut du widget "séparateur" dans une météo

Dans chapitre "layouts" de la grille, il suffit de définir / compléter le chapitre "separator_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".


...    
"grid_elements": [
	...
],
"layouts" : {
	...
	"separator_widget_layout": {
        "width"     : "20",
        "height"    : 1,
        "content"   : {
		 	"text_color"  : "#000000"
        }   
	}
}
...