Affichage en multi colones d'un Tiddler ?

5 views
Skip to first unread message

julien23

unread,
Nov 6, 2009, 3:55:56 AM11/6/09
to TiddlyWikiFR
Certains de mes tiddlers sont juste de longues, longues ... tellement
longues listes (ForEachTiddlerPlugin) qui plus est destiné à être
imprimé.

Est-il possible d'afficher un tiddler en multi-colonnes ?

faites le pour les arbres :-)

ocalTW

unread,
Nov 6, 2009, 7:35:28 AM11/6/09
to TiddlyWikiFR
Bonjour

Sur TiddlyTools, il y a SetTiddlerColumns [1].

Cela permet d'afficher les tiddlers sur plusieurs colonnes.
S'il n'y a qu'un seul tiddler à l'affichage, on obtient l'effet
souhaité.

Attention à 2 points :
- Pour plus de lisibilité (au delà de 2 colonnes, ce n'est plus très
évident) il ne faut pas que le texte affiché soit trop long sur chaque
ligne.
- En cas d'utilisation de tableaux, s'ils sont trop larges, cela
empiète sur les autres colonnes et cela devient totalement illisible

[1] : http://www.TiddlyTools.com/#SetTiddlerColumns

-- ocalTW

julien23

unread,
Nov 6, 2009, 10:32:51 AM11/6/09
to TiddlyWikiFR
Merci pour la réponse, malheureusement ça ne me convient pas, mon
besoin est d'afficher en multi-colones A L'INTERIEUR d'un ou de
plusieurs tiddlers

Pour les listes elle-même je creuse les possibilités de script de
<<ForEachTiddler>>

Sylvain Comte

unread,
Nov 6, 2009, 11:14:44 AM11/6/09
to tiddly...@googlegroups.com
pour faire quelque chose dans le genre, j'utilise un artifice css :
je crée des classes correspondant au nombre de colonnes dans le tiddler style :
.Col2 {width:50%;float:left}
.Col3 {width:33%;float:left}
....
.clear {clear:both}
ensuite, dans les tiddlers concernés, je met mon contenu en colonnes :
{Col2{{texte de la colonne 1}}} {Col2{{texte de la colonne 2}}}
ou
{Col3{{texte de la colonne 1}}} {Col3{{texte de la colonne 2}}} {Col3{{texte de la colonne 3}}}

Il vaut mieux ne pas oublier d'ajouter après
{clear{{  }}}

La solution n'est pas parfaite car elle oblige à paginer soi-même : elle ne fait pas elle-même la répartition en colonnes en fonction du nombre d'item. Et cela peut te poser des problèmes dans l'utilisation de forEachTiddler...
Cela-dit, peut-être qu'avec un navigateur compatible il y a moyen d'utiler la propriété CSS3 (par exemple comme décrit ici : http://www.css3.info/preview/multi-column-layout/) je n'ai jamais essayé. Tu nous raconteras ;-)

Sylvain
http://sylvain.comte.online.fr




2009/11/6 julien23 <ju.bo...@gmail.com>

azed azzabi

unread,
Nov 16, 2009, 10:13:48 AM11/16/09
to TiddlyWikiFR
j'ai trouver cela
In FireFox only you can divide a tiddler into columns using these
methods.
(Note: There is another method that works with all browsers using the
PartTiddlerPlugin)
How to
Put this in your StyleSheet.
.twocolumns { display:block; -moz-column-count:2; -moz-column-gap:
1em; -moz-column-
width:50%;}
Where you want multiple columns surround your text with this code:
{{twocolumns{ here is much text in two columns}}}
Three or four columns.
.threecolumns { display:block; -moz-column-count:3; -moz-column-
gap:1em; -moz-column-
width:33%}
.fourcolumns { display:block; -moz-column-count:4; -moz-column-gap:
1em; -moz-column-
width:25%}
à l'URL suivantes http://tiddlyspot.com/twhelp/#[[FireFox%20Tips]]

julien23

unread,
Nov 16, 2009, 4:20:29 PM11/16/09
to TiddlyWikiFR
Reply all
Reply to author
Forward
0 new messages