Difference between revisions of "24 January 2007"
From Organic Design wiki
m |
(tree takes up too much space, lets see if it works inside an expandable!) |
||
| Line 2: | Line 2: | ||
;New tree-view component implemented! | ;New tree-view component implemented! | ||
Normal nested bullet lists can now easily be rendered as a proper ''tree-view'' by surrounding the list in a ''div'' of class "tree-view" as in the following example. It's a transform called [[tree-view.php]] which is added to the [[data]] event of the global [[default-properties.xml]]. | Normal nested bullet lists can now easily be rendered as a proper ''tree-view'' by surrounding the list in a ''div'' of class "tree-view" as in the following example. It's a transform called [[tree-view.php]] which is added to the [[data]] event of the global [[default-properties.xml]]. | ||
| − | <table | + | <table class="expandable" title="Example tree"><tr><td> |
| + | <table><tr><td valign=top style="border:1px solid #ddd;padding:10px;"> | ||
This wikitext code, | This wikitext code, | ||
<div class="tree-view"> | <div class="tree-view"> | ||
| Line 19: | Line 20: | ||
***lib | ***lib | ||
</div> | </div> | ||
| − | <td valign=top> | + | <td valign=top style="border:1px solid #ddd;padding:10px"> |
Yields this result, | Yields this result, | ||
<div style=padding-bottom:10px></div> | <div style=padding-bottom:10px></div> | ||
| Line 37: | Line 38: | ||
***lib | ***lib | ||
</div> | </div> | ||
| + | </table> | ||
</table> | </table> | ||
</table> | </table> | ||
Revision as of 02:22, 24 January 2007
Normal nested bullet lists can now easily be rendered as a proper tree-view by surrounding the list in a div of class "tree-view" as in the following example. It's a transform called tree-view.php which is added to the data event of the global default-properties.xml.
|
