Versions Compared

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

Comme son nom l'indique, le widget titre permet d'attribuer un titre à la page :

Plus d'informations sur les widgets titre sur la page : HIDDEN - V02.08.02 - Widget Titre - Détail - Météo

Description

Pour le widget titre, il faut définir :

  • Sa position X, Y, largeur et hauteur;
  • Son texte ainsi que sa couleur.

Configuration


Code Block
languagejs
titleExemple d'un widget titre
...    
"grid_elements": [
    {
        "position_x": 0,
        "position_y": 3,
        "width"     : "all",
        "height"    : "1",
        "content"   : {
            "type"        : "title_widget",
            "title"       : "DATACENTER",
			"text_color"  : "#000000"
        }
    }
]
...


Positionnement et dimensionnement


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

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",
            "title"       : "DATACENTER",
			"text_color"  : "#000000"
        }
    }
]
...


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


NomTypeDéfautCommentaire


Code Block
type


String ---

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


Code Block
title


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 :


Exemple


Code Block
languagejs
...    
"grid_elements": [
    ... 
    {
        "position_x": 0,
        "position_y": 3,
        "width"     : "all",
        "height"    : 3,
        "content"   : {
            "type"        : "title_widget",
            "title"       : "DATACENTER",
			"text_color"  : "#000000"
        }
    }, 
    ...
]
...



Panel


Anchor
MeteoDefinirValeurParDefautWidgetTitre
MeteoDefinirValeurParDefautWidgetTitre

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


Code Block
languagejs
...
"grid_elements": [
    ... 
	],
"layouts" : {
	...
    "title_widget_layout": {
		"width" : "all",
		"height" : 1,
		"content" : {
			"text_color": "default" 
     	}
	}
},
...