Page History

Scroll Ignore

scroll-viewport	true
scroll-pdf	true
scroll-office	true
scroll-chm	true
scroll-docbookhtml	truefalse
scroll-eclipsehelpdocbook	true
scroll-epubeclipsehelp	true
scroll-htmlepub	true

Panel

title	Sommaire

Table of Contents

style	none

Présentation

Concept

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 : ( voir la page Widget Séparateur - Détail - Météo )

Description

Pour le widget séparateur, il faut configurer :

Sa position dans la grille et sa taille.
Le texte à afficher

Les options du widget séparateur

Sa partie gauche :
- l'afficher ou la cacher,
- la taille ( en pourcentage ) que prendra la zone affichée dans le widget.
Sa partie réservée au texte :
- l'alignement du texte,
- la couleur
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 du zoom de la fin de la zone du texte,taille de la police.
Sa partie droite :
- l'afficher ou la cacher,
- la taille ( en pourcentage ) que prendra la zone affichée dans le widgetson positionnement.

Configuration

Code Block

language	bash
theme	RDarkjs
title	Exemple d'un widget séparateur

...    
"grid_elements": [
	{
		"position_x": 0,
        "position_y": 3,
        "width"     : "all",
        "height"    : 12,
        "content"   : {
			"type" : "separator_widget",
		    "layout" : {
        		"type"information_to_display" : {
            		"left_area" : {
                		"displayed" : "separator_widget"true,
                		"width_percent" : 10
            		},
            		"title_area" : {
                		"label" : "DATACENTER FRANCEFrance",
                		"font_zoom_percent" : 100,
                		"text_color"  : "#000000",
	                		"start_zone_text_percentalign" : 10 "center"
            		},
            		"end_zone_text_percentright_area" : {
                		"displayed" : 10true,
                		"textwidth_alignpercent" : "center" 10
            		}
        		}
    		}
         }   
	}
]
...

Positionnement et dimensionnement

Pour plus d'explication, regarder la page de configuration d'un widget ( voir la page Configurer un widget - Édition JSON - Météo ).

Code Block

language	bash
theme	jsRDark
title	Configuration du positionnement

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

Nom

Type

Défaut

Commentaire

Code Blocknoformat
position_x

Numéro de cellule

---

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

un nombre => Correspond à la case numéro X dans la largeur de la grillegrille ;
Doit obligatoirement être défini.

Code Blocknoformat
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 grillegrille ;
Doit obligatoirement être défini.

Code Blocknoformat
width

Nombre de cellules

---

Correspond à la largeur du widget :

un nombre, entre 1 et le nombre de cases en largeur de la grillegrille ;
"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 Concept et paramétrage des widgets - Edition Configurer un widget - Édition JSON - 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 Blocknoformat
height

Nombre de cellules

---

Correspond à la hauteur du widget :

un nombre, non limité, car la hauteur de la grille n'est pas limitépositif, limité à 1000 ;
"default" => la valeur sera calculée avec le système de "Calcul de la valeur en cascade" ( voir la page Concept et paramétrage des widgets - Edition Configurer un widget - Édition JSON - 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	bash
theme	RDarkjs
title	Configuration du contenu

...    
"grid_elements": [
	{
		...
        	"content"   : {
        	"type" : "separator_widget",
       : 	"separator_widget",layout" : {
            	"titleinformation_to_display" : {
     : "DATACENTER FRANCE",
		           	"textleft_colorarea"  : "#000000",{
			"start_zone_text_percent" : 10,
			...
                	},
                	"end_zone_text_percenttitle_area" : 10,
 {
						...
                	},
                	"textright_alignarea" : "center" {
					 	...
                	}
            	}
        	}
     	}
	}
]
...

Nom

Type

Défaut

Commentaire

Code Blocknoformat
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 Blocknoformat
titlelayout

StringClé

-

Texte affiché dans le widget.

Code Block
text_color

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 separator_widget peut être renseigné.

No Format
information_to_display

Clé - La clé information_to_display doit être renseigné dans la clé layout. Elle permet de paramétrer l'affichage des différentes zones du widget. En l'occurrence : left_area, title_area et right_area.

Panel
Image Added

La zone de gauche ( left_area )

Code Block

language	bash
theme	RDark
title	Configuration du contenu

...    
"grid_elements": [
	{
		...
    	"content" : {
         	...
        	"layout" : {
            	"information_to_display" : {
                	"left_area" : {
                    	"displayed" : true,
                    	"width_percent" : 10
                	},
					...
            	}
        	}
    	}
	}
]
...

Nom

Type

Défaut

Commentaire

No Format
displayed

Booléen

true

Affichage ou non de la zone de gauche.

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 Concept et paramétrage des widgets - Edition Configurer un widget - Édition JSON - 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".

No Format
width_
Code Block
start_zone_text_percent

Integer

10

Pourcentage de la largeur à laquelle la du widget occupé par la zone de texte commencegauche.

Doit être compris entre 0 et 100

"default" => la valeur sera calculée avec le système de "Calcul de la valeur en cascade" ( voir la page Concept et paramétrage des widgets - Edition Configurer un widget - Édition JSON - 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

La zone de titre ( title_area )

Code Block

language	bash
theme	RDark
title	Configuration du contenu

...    
"grid_elements": [
	{
		...
    	"content" : {
         	...
        	"layout" : {
            	"information_to_display" : {
					...
					"title_area" : {
    					"label" : "DATACENTER FRANCE",
    					"font_zoom_percent" : 100,
    					"text_color" : "000000",
					    "text_align" : "center"
					},      
					...
            	}
        	}
    	}
	}
]
...

Nom

Type

Défaut

Commentaire

No Format
label

String

-

Texte affiché dans le widget.

Doit obligatoirement être défini.

Info
Limité à 300 caractères.

No Format
font_zoom_percent

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

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 Concept et paramétrage des widgets - Edition Configurer un widget - Édition JSON - 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".

No Format
text_color

Couleur Web

#000000

Couleur d'affichage du texte.

Le format de la valeur est une couleur web ( sous le format hexadécimal, en anglais ou rgb ) ( 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 Configurer un widget - Édition JSON - Météo ).

No Formatcode
text_align

String

center

Alignement du texte.

Valeurs possibles :

center ( alignement

au centre

centré ) ;
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

Concept et paramétrage des widgets - Edition

Configurer un widget - Édition JSON - 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

La zone de droite ( right_area )

Code Block

language	bash
theme	jsRDark
title	Exemple d'un widget séparateurConfiguration du contenu

...    
"grid_elements": [
	{
		"position_x": 0,...
    	"content" : {
         	...
        	"position_ylayout" : 3,{
        "width"    	"information_to_display" : "all",
     {
					...
   "height"    : 1,
        	"contentright_area"   : {
        	"type"        : "separator_widget",
   	"displayed" : true,
       "title"       : "DATACENTER FRANCE",
		 	"text_color"  : "#000000",
			"startwidth_zone_text_percent" : 10,
            "end_zone_text_percent" : 10,
  	}
          "text_align" : "center"	}
        	}
     	}
	}
]
...

Panel
Image Removed

AnchorSeparateurDefinirValeurLayoutSeparateurDefinirValeurLayout

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 Configuration de la disposition par défaut des widgets.

Nom

Type

Défaut

Commentaire

No Format
displayed

Booléen

true

Affichage ou non de la zone de droite.

"default" => la valeur sera calculée avec le système de "Calcul de la valeur en cascade" ( voir la page Configurer un widget - Édition JSON - Météo ).

No Format
width_percent

Integer

10

Pourcentage du widget occupé par la zone de droite.

Doit être compris entre 0 et 100

"default" => la valeur sera calculée avec le système de "Calcul de la valeur en cascade" ( voir la page Configurer un widget - Édition JSON - Météo ).

Exemple

Code Block

language	bash
theme	RDark

Code Block

language	js
title	Exemple d'un widget séparateur

...    
"grid_elements": [ 
	{
    	"position_x" : 0,
	...
],
"layouts    	"position_y" : 2,
    	"width" : "all",
    	"height" : {
	...
	"separator_widget_layout"2,
    	"content" : {
    	    "type" : "separator_widget",
    	    "layout" : {
    	        "width" information_to_display" : {
    	            "left_area" : {
    	                "20displayed" : true,
    	    "height"            "width_percent" : 10
    	           : 1},
    	    "content        "title_area"   : {
		 	"text_color"  : "#000000    	                "label" : "DATACENTER FRANCE",
    	        "start_zone_text_        "font_zoom_percent" : 10100,
    	            "end_zone_    "text_percentcolor" : 10"#030303",
    	                "text_align" : "center"
    	            },
    	            "         
right_area" : {
    	                "displayed" : true,
    	                "width_percent" : 10
    	            }
    	        }   

    	    }
    	}
	}
]
...

Panel
Image Added

Page tree

Versions Compared

Old Version 5

New Version Current

Key

Concept

Description

Configuration

Positionnement et dimensionnement

Contenu du widget séparateur

La zone de gauche ( left_area )

La zone de titre ( title_area )

La zone de droite ( right_area )

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

Exemple