Difference between revisions of "24 January 2007"

From Organic Design wiki
(tree takes up too much space, lets see if it works inside an expandable!)
m
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 class="expandable" title="Example tree"><tr><td>
+
<table border=0><tr><td valign=top>
<table><tr><td valign=top style="border:1px solid #ddd;padding:10px;">
 
 
This wikitext code,
 
This wikitext code,
 
  &lt;div class="tree-view">
 
  &lt;div class="tree-view">
Line 20: Line 19:
 
  ***lib
 
  ***lib
 
  </div>
 
  </div>
<td valign=top style="border:1px solid #ddd;padding:10px">
+
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
<td valign=top>
 
Yields this result,
 
Yields this result,
 
<div style=padding-bottom:10px></div>
 
<div style=padding-bottom:10px></div>
Line 38: Line 38:
 
***lib
 
***lib
 
</div>
 
</div>
</table>
 
 
</table>
 
</table>
 
</table>
 
</table>

Revision as of 08:35, 29 January 2007

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.

This wikitext code,

<div class="tree-view">
*root
**etc
***apache2
***init.d
**bin
**var
***log
***www
****htdocs
***run
**usr
***local
***lib
        

Yields this result,

  • root
    • etc
      • apache2
      • init.d
    • bin
    • var
      • log
      • www
        • htdocs
      • run
    • usr
      • local
      • lib