Versions Compared

Old Version 4

changes.mady.by.user Jroy

Saved on

compared with

New Version 5

changes.mady.by.user Soubrié Grégoire

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Scroll Ignore
scroll-pdftrue
scroll-officetrue
scroll-chmtrue
scroll-docbooktrue
scroll-eclipsehelptrue
scroll-epubtrue
scroll-htmltrue


Panel
titleSommaire

Table of Contents
stylenone



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

Plus Pour plus d'informations sur les l'affichage des widgets "titre sur ", 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,
    • le pourcentage du zoom de la taille de la police
    Son texte ainsi que sa couleur
    • .

Configuration


Code Block
languagejs
titleExemple d'un widget titre
...    
"grid_elements": [ 
    	{
        		"position_x" : 0,
        	"position_y" : 30,
    	"width" : "all",
    	"widthheight" : 2,
   : 	"all",content" : {
        	"heighttype"    : "1title_widget",
        	"contentlayout"   : {
            	"type" information_to_display" : {
       :     	    "title_widget",
area" : {
             "title"       	"label" : "DATACENTER",
			                    	"text_color"  : "#000000",
                    	"font_zoom_percent" : 100
                	}
            	}
        	}
    	}
	}
 ]
...


Positionnement et dimensionnement

Pour plus d'explication regarder la page  Concept et paramétrage de la grille - Edition - Météo

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



NomTypeDéfautCommentaire


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 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 :

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
languagejs
...    
"grid_elements": [
    {
		... 
		"content" : {
		    "type" : "title_widget",
    		"contentlayout" : {
    	    	"information_to_display" : {
    	    	    "title_area" : {
						...
    	    	    }
    	    	}
	    	}
		}     
	}
]
...



NomTypeDéfautCommentaire


Code Block
type


String -

Type du widget, dans le cas du widget titre ce paramètre doit être obligatoirement défini à la valeur : title _widget .


Code Block
layout


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


Code Block
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 ( le widget titre n'a qu'une zone ) : title_area.





La zone de titre


Code Block
languagejs
titleConfiguration du contenu
...    
"grid_elements": [
	{
		...
    	"content" : {
         	...
        	"layout" : {
 "title_widget",           	"information_to_display" : {
                	"title_area" : {
                    	"label" : "DATACENTER",
			                    	"text_color"  : "#000000",
						"font_zoom_percent" : 100
                	}
            	}
        	}
    	}
	}
]
...



Le paramètre "content" liste tous les paramètres spécifiques du widget titre.

NomTypeDéfautCommentaire


Code Block
type--
label


String
 
-
Dans le cas du widget titre, il vaut obligatoirement "title_widget"

Texte affiché dans le widget.


Code Block
title
text_align


String
Nouvelle météo des services

Nom qui sera affiché dans le widget titre :

  • doit obligatoirement être défini.
Code Block
text_color
Couleur au format hexadécimal

#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 )
center

Alignement du texte.
Valeurs possibles :


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


Exemple


Code Block
languagejs
titleExemple d'un widget titre
...    
"grid_elements": [
    ... 
    
	{
        	"position_x" : 0,
        	"position_y" : 30,
    	"width" : "all",
    	"widthheight" : 2,
   : 	"all",content" : {
    	    "heighttype"    : 3"title_widget",
    	    "contentlayout"   : {
    	        "typeinformation_to_display" : {
    	  :          "title_widget",
area" : {
    	         "title"       "label" : "DATACENTER",
			    	                "text_color"  : "#000000",
    	                "font_zoom_percent" : 100
    	            }
    }, 	        }
    	    }
    ...
	}
	}
 ]
...



Panel


Anchor
MeteoDefinirValeurParDefautWidgetTitre
MeteoDefinirValeurParDefautWidgetTitre

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 Il ne faut définir que les valeurs pour lesquels lesquelles on souhaite mettre un paramètre par défaut;
  • certains Certains paramètres ne peuvent pas avoir de valeur par défaut :
    • position_x,
    • position_y,
    • type,
    • titlelabel.
  • 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".


Code Block
languagejs
titleExemple d'un widget séparateur
...    
"grid_elements": [
    	... 
	],
"layouts" : {
	...
      
	"title_widget_layout" : {
	    	"width" : "alldefault",
    		"height" : 1"default",
	    	"content" : {
        	"layout" : {
        	    "information_to_display" : {
        	        "title_area" : {
        	            "text_color" : "#000000",
        	            "font_zoom_percent" : "default"
        	        }
        	    }
        	}
    	}
},	} 
	... 
}
...