Skip to Content

module Drupal : Views 2 : part 3 : le style GRID

Ce tutoriel sur Views est la suite directe de la PART 2 : vous y trouverez une démonstration du style GRID qui permet un affichage en forme de tableau, idéal dans certaines circonstances. Je RE-montre aussi comment créer une view de type "Row style : fields".

Le projet Views sur drupal.org : http://drupal.org/project/view

Version utilisée dans le tuto : 2.3

Le tutoriel vidéo (16 min) :

3.666665
Average: 3.7 (6 votes)
Your rating: Aucun

Commentaires :

HTML "Table" généré par GRID pour les blocks en colonne

Portrait de Soyouz

Hello, tres bonne video (comme toujours !)

Une petite remarque accompagnée d'une question :

Je note qu'une fois placé sur une page le block généré par GRID, on se retrouve avec un code HTML à base de tableau : TR, TD, etc ... C'est pas tres CSS friendly tout ça :)

A moins qu'on ne considère les données de la view comme des données tabulaire (donc le tableau serait adapté) il serait plus judicieux de disposer d'une série de DIV accompagnés d'un attribut CSS Float, puisque il s'agit (du moins dans mon cas) d'une astuce de presentation (présentation en colonne sur page d'accueil).

Existe t-il le moyen de changer les tags TR, TD etc en DIV... Mais peut-être s'agit-il d'une tache un peu compliqué au vu du gain ?

Des remqrque là dessus ?

Merci

C'est pas très CSS friendly

Portrait de robin

C'est pas très CSS friendly tout ça : 100% d'accord avec toi. Mais, je me mets à la place d'un novice en CSS : il installe un thème gratuit et ensuite il fait une jolie présentation en GRID en deux coups de clic ...
Une présentation "sans-tableau" est bien entendu possible, tout est histoire de niveau de compétence en CSS :-) ... et de connaissance dans l'override (éventuel) des templates de Views

Bien sûr ce module est

Portrait de Soyouz

Bien sûr ce module est terrible, car il permet une mise en page sans toucher un bout de code dans les fichiers TPL.PHP

A ce propos envisages tu un tuto sur les TPL.PHP ? ... notamment comment en rajouter pour personnaliser certaines pages specifiques ... j'ai fait quelques recherche et j'ai pu definir une Home particuliere en ajoutant un page-front.tpl.php mais je trouverais intéressant de comprendre comment rajouter par exemple une actu.tpl.php afin de pouvoir personnaliser l'affichage d'une view de type actualités (par exemple).

Bon je suis encore a mes debuts avec View j'ai sûrement pas tout compris :D

Merci de ta réponse

je manque de temps, il

Portrait de robin

je manque de temps, il faudrait en effet un tuto sur les templates .tpl.php et sur l'utilisation des templates de views.... un jour peut être. sinon, une grande partie de la solution est ici : http://drupal.org/node/190815
, pour view : http://views-help.doc.logrus.com/help/views/analyze-theme
(cliquez sur le lien "theme information" dans l'administration de votre Views).

Merci!

Portrait de sushis

Bonjour,

Un grand merci pour tes vidéos sur Views, module indispensable à Drupal ainsi que CCK (que je n'ai pas encore vu entiérement ^^ ).

Par contre, est-il possible d'avoir une vidéo sur le module Panels2, qui lui aussi est un module trés importants?

là je bloque sur pas mal de point ^^ .

Encore merci pour tes vidéos!

aah, pas de bol, j'y connait

Portrait de robin

aah, pas de bol, j'y connait rien à Panel. J'en ai jamais eu besoin pour l'instant et ai toujours réussi à me débrouiller avec les régions, les blocks et CSS. panel est une usine à gaz, alors, si ne peux m'en passer ...

Merci.

Portrait de Francois

Merci.

Views

Portrait de Marie

Bonjour,
Merci pour vos indispensables vidéos sur Views!
Après l'affichage de la vue en style grid, lorsque l'on clique sur un éléments, le noeud lié à cet élément s'affiche .: existe-t-il un module pour mettre en forme (left, right etc) l'affichage les différents éléments de ce noeud, sans passer par le css (j'ai essayé avec firebug mais je n'ai pas encore la main, et je désespère!)?
Bonne continuation
Merci encore

il existe des modules, comme

Portrait de robin

il existe des modules, comme display suite : http://biboo.net/module-display-suite et http://biboo.net/module-display-suite-advanced , il y en a surement d'autre, mais personnellement je construit "à la mano" mes templates de node = php + html + css .
bon courage

views et display suite

Portrait de Marie

Merci beaucoup Robin pour votre réponse!

En fait, j'avais déjà installé display suite mais j'avais fini par "déprimer" car je n'avais pas su le maitriser correctement. Je l'ai donc désinstallé en pensant que ce module n'était en définitif pas pour mon projet. Mais votre réponse m'encourage à persévérer avec lui, je vais m'y remettre de suite et cette fois avec plus d'espoir.
Concernant la construction "à la mano", j'ai bien fait des essais en html. Le problème est que si les modifs s'opéraient correctement via l'interface de firebug (mon image se positionnait bien à droite de l'écran et pas au-dessus des différents champs du noeud complet) dès que je faisais F5 tous les changements s'envolaient! rrrrr! Firebug m'indique bien le nom du fichier du code html correspondant, mais voilà : impossible de le retrouver dans le système! Cela vient peut-être du thème que j'utilise (blogbuzz) et qui n'autorise pas les modifs!
Merci encore Robin.
Bonne continuation.

Poster un nouveau commentaire

Le contenu de ce champ ne sera pas montré publiquement. Si vous avez un compte gravatar, l'utilisez pour afficher votre avatar.
  • Tags HTML autorisés : <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • Les adresses de pages web et de messagerie électronique sont transformées en liens automatiquement.

Plus d'informations sur les options de formatage

By submitting this form, you accept the Mollom privacy policy.