Project

General

Profile

Actions

Feature #1208

closed

Personnalisation des composants par espace et par type

Added by Nicolas Eysseric about 11 years ago. Updated about 11 years ago.

Status:
Closed
Priority:
Normal
Category:
Look
Start date:
10/22/2010
Due date:
% Done:

100%

Estimated time:
Livraison en TEST:
Livraison en PROD:

Description

Offrir un moyen de personnaliser l'apparence des composants selon :
  • leur appartenance à tel ou tel espace,
  • leur type.

Exemple 1 :
Appliquer un style commun (couleurs des éléments graphiques, image de fond...) à tous les composants d'un même espace (voire d'un sous espace).

Exemple 2 :
Appliquer un style commun à tous les composants de type "Galerie d'images"

Actions #1

Updated by Nicolas Eysseric about 11 years ago

  • Subject changed from Personnalisation des composants par espace to Personnalisation des composants par espace et par type
  • Status changed from In progress... to Closed
  • % Done changed from 0 to 100
Une nouvelle implémentation de l'interface Window du viewGenerator a été créée (WindowWithContextualDiv).
Utiliser cette implémentation permet d'insérer un élément <div> avec un attribut class contenant :
  • tous les id d'espace de la racine jusqu'au composant
  • le nom technique du composant (kmelia, gallery, survey...)
  • l'identifiant unique du composant (kmelia12, gallery47, survey451...)

Exemple :

<div class="WA20 WA39 WA249 WA1734 kmelia kmelia12">

Ceci permet de personnaliser les composants selon plusieurs axes :
  • avoir un aspect différent d'un espace à un autre (couleurs par exemple)
  • avoir un aspect différent d'un composant à un autre
  • avoir un aspect différent pour une instance de composant

A partir de là, la personnalisation peut aller assez loin.
L'avantage est que cet élément est ainsi inséré automatiquement sur toutes les pages des composants.

Pour utiliser cette implémentation, il suffit d'éditer le properties du look est de modifier la ligne suivante :

Window = com.stratelia.webactiv.util.viewGenerator.html.window.WindowWithContextualDiv

Actions

Also available in: Atom PDF