Variables
Le langage de template permet de définir et d'utiliser des variables. Par exemple pour des dimensions, des couleurs, etc.
Pour déclarer une variable on utilise le tag <var>.
<var name='hauteur' value='200' />
On peut utiliser les variables dans n'importe quelle valeur d'un attribut xml. Il faut entourer leur nom par des accolades. Par exemple:
<css background-color='{couleur}' min-height='{hauteur}px' />
</div>
Ce qui produit le résultat suivant:
<css background-color='#ff0000' min-height='200px' />
</div>
Variables et arborescence du site
Il est possible de modifier la valeur d'une variable pour certaines parties du site. Le site est organisé en niveaux de navigation.
| Niveau 0 | Le site lui-même |
| Niveau 1 | Le premier niveau de navigation |
| Niveau 2 | Le deuxième niveau de navigation |
| ... |
En ajoutant l'attribut level à une variable, on permet la modification de la valeur (value) depuis l'interface d'édition en mode 'design'.
Dans cet exemple, la variable couleur aura une valeur par défaut de #ff0000 et sera modifiable dans l'interface d'édition. L'attribut type défini le type de la variable et aussi l'outil qui servira à son édition (le type color permet d'utiliser une palette de couleur interactive).
L'attribut level étant fixé à 1. Il sera possible d'éditer deux niveaux, Le niveau 0 et le niveau 1. En réglant une couleur pour le niveau 0 on affecte toutes les pages du site. En réglant une couleur pour le niveau 1 on affecte que la page de niveau 1 et ses enfants.
Si on ne règle aucun des deux niveaux, c'est la valeur par défaut (l'attribut value dans le code xml) qui sert de couleur.
Types de variables
voir type
| Enum | |
| Font | |
| Range | |
| Color | ... |
Récupération de la hauteur d'une image de fond
On peut utiliser comme min-height la hauteur de l'image de fond:
