29-11-2011 : Remettre dans le débat politique les principes du Conseil National de la Résistance
17-02-2012 : Pétition pour une protection de l’apiculture et des consommateurs face au lobby des OGM
Logo de mon site
Logo de mon site
Faire un don




Right menu

Logo du site ez.no  Logo XHTML 1.O du W3C  Logo XHTML 1.O du W3C  Site francophone officiel de Firefox
zero papier grâce aux catalogues et promos en ligne de bonial

eZ Publish : associer un tableau à un effet accordion

Table des matières

  1. Définition et prérequis
  2. Définir une nouvelle classe CSS
  3. Le template d'affichage table.tpl

Définir une nouvelle classe CSS

Date de publication: le dimanche 20 mars 2011 à 00h04
Dernière modification: par Pascal BOYER le jeudi 14 avril 2011 à 16h38

Il est indispensable de mettre en place un moyen de discriminer le tableau auquel on souhaite associer l'effet accordion.

Pour cela on dispose des classes CSS définies dans le fichier de surcharge content.ini.append.php du siteaccess public et du siteaccess d'administration.
Les classes CSS définies dans le fichier de surcharge content.ini.append.php du siteaccess d'administration sont ensuite accessibles et sélectionnées via l'éditeur Online Editor dans l'interface de rédaction des objets de contenu (voir la figure ci-dessous).

Si l'on possède plusieurs siteaccess pour lesquels on souhaite que s'applique la nouvelle classe créée, on peut alors modifier le fichier de surcharge générale content.ini.append.php du répertoire settings/override/ plutôt que modifier le fichier de surcharge de chacun des siteaccess publics.

Voici comment l'on peut définir cette nouvelle classe dans les fichiers de surcharge (siteaccess public et d'administration):

[table]
AvailableClasses[]=tableau_1_accordion

Après avoir modifié les fichiers de surcharge, vider les caches.

L'interface d'administration propose dès lors l'affichage suivant lorsque l'on clique sur le bouton «Insère un nouveau tableau» de l'éditeur:

Affichage de la classe CSS dans l'interface d'adminisration de ez publish

Fig. 1: Affichage de la nouvelle classe CSS dans Online Editor

C'est donc cette classe CSS qu'il faudra affecter au tableau auquel on souhaite appliquer l'effet accordion.

Définir les propriétés de la nouvelle classe CSS

Les propriétés de la nouvelle classe CSS tableau_1_accordion seront définies dans une feuille de styles CSS comme n'importe quelle autre règle CSS.

Commentaires