...du verbe Drupaler (1er groupe)

Grouper les champs d'une entité avec Fieldgroup

23. Avril 2012 - 17:46 -- Haythem

Vous voulez créer un contenu avec des onglets verticaux, onglets horizontaux ou  accordéons, et vous ne maitrisez pas le Javascript (ou vous avez la flemme) ? Il ne faut plus s’inquiéter, car avec Drupal 7 et le module Fieldgroup , tous est devenu possible avec des champs configurables dans le type de contenu.


Voici les étapes à suivre pour créer votre contenu : 

I) Installation du module : Installez le module comme d'habitude. Aucune librairie particulière n'est requise.
II) Grouper les champs de votre entité et gérer leurs affichages.
   
    Exemple 1  : créer un contenu avec des onglets horizantaux :
 

 
   1)  Rendez-vous sur la page d'une entité , onglet gérer les champs et vous verrez qu'une option a été rajouté " Ajouter un nouveau groupe ".

        - Commençez  par créer le groupe général (groupe globale) : donner une étiquette, un nom à ce groupe et sélectionnez le type  "Horizontal tabs group".
pour notre cas , vous avez plusieurs types d'affichage ( onglet vertical, Multipage group, Groupe Accordéon .....)

 
     2)  Maintenant il faut créer les onglets qui groupent les différents champs  :   chaque onglet est un nouveau group de type "Element d'onglet Horizontale" si on veux afficher un contenu avec des onglet horizontaux ( c'est notre cas , cf : l'image au dessus).Mettez le premier en "open" par défaut afin qu'il constitue bien le premier onglet. 
        -  Créer les champs que vous souhaitez afficher dans chaque onglet : exemple dans l'onglet 1 on veux afficher une description, une image et une pièce jointe, il faut donc créer tous ces champs  groupé dans l'onglet correspondant.
 

3) Gérer l'affichage des groups et champs

      - Revenez dans la page de votre entité , onglet gérer l'affichage. Malheureusement, on est obligé de recréer les groupes encore une fois dans la gestion de l'affichage et de grouper les champs une nouvelle fois. Cela permet de definir les types d'affichage des onglets et des champs  ainsi que la possibilité de definir l'onglet ouvert par defaut  et les onglets fermés. 
 
 

   Présentation des differents types d'affichage disponibles avec Fieldgroup :       

   Exemple 2  : créer un contenu avec des onglets verticaux :

 
 => il suffit de changer le type de groupe a la création des groupes dans l'onglet gestion des champs et dans l'onglet affichage des champs  pour avoir un affichage différent. 
 
 
Exemple 3 : Créer un contenu avec des accordéons

 
 
Catégorie: 
3.733335
Average: 3.7 (15 votes)
Votre vote: Aucun(e)

Ajouter un commentaire

Texte simple

  • Aucune balise HTML autorisée.
  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Les lignes et les paragraphes vont à la ligne automatiquement.
CAPTCHA
Image CAPTCHA