Page History

Scroll Ignore

scroll-pdf	true
scroll-office	true
scroll-chm	true
scroll-docbook	true
scroll-eclipsehelp	true
scroll-epub	true
scroll-html	true

Panel

title	Sommaire

Table of Contents

style	none

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

Code Block

language	js
title	Exemple d'un widget séparateur

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

Code Block

language	js
title	Configuration du positionnement

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

Nom

Type

Défaut

Commentaire

Code Block
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.

Code Block
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.

Code Block
width

Nombre de cellules

---

Correspond à la largeur du widget :

un nombre, entre 1 et le nombre de cases en largeur de la grille;
"all" => Pour prendre toute la largeur de la page :
- Dans ce cas, sa "position_x" devra être 0.
"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 ).

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

Code Block
height

Nombre de cellules

---

Correspond à la hauteur du widget :

un nombre, non limité, car la hauteur de la grille n'est pas limité;
"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 ).

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

Code Block

language	js
title	Configuration du contenu

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

Nom

Type

Défaut

Commentaire

Code Block
type

String

-

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

Code Block
title

String

-

Texte affiché dans le widget.

Code Block
text_color

Couleur au format hexadécimal

#000000

Couleur d'affichage du texte.

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

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

Code Block
start_zone_text_percent

Integer

10

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

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

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

Code Block
end_zone_text_percent

Integer

10

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

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

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

Code Block
text_align

String

center

Alignement du texte
Valeurs possibles :

center ( alignement au centre );
left ( alignement à gauche );
right ( alignement à droite );
"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 ).

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

Exemple

Code Block

language	js
title	Exemple d'un widget séparateur

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

Panel

Anchor

	SeparateurDefinirValeurLayout
	SeparateurDefinirValeurLayout

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

Code Block

language	js
title	Exemple d'un widget séparateur

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

Page tree

Versions Compared

Old Version 1

New Version 2

Key

Présentation

Description

Configuration

Positionnement et dimensionnement

Contenu du widget séparateur

Exemple

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