Ignore:
Timestamp:
02/16/11 11:37:48 (13 years ago)
Author:
Kris Deugau
Message:

/trunk

Changes for much nicer-looking, nifty collapsible tree for groups

  • CSS derived from ​http://www.thecssninja.com/css/css-tree-menu
  • HTML changes to match
  • Template changes to make the source more closely match the rendered display (and the real tree structure)
  • Minor source tweaks to work with the template changes

Still to ponder:

  • IE (CSS collapsing tree doesn't render correctly in IE 6 or 8, *may* work in 9, pretty much guaranteed to fail in < 6), experiments with <!-- [if IE]--> constructs show they don't work well in <head>
  • Tweaks to allow clicking a group name in the tree to switch to that group (currently the hidden checkbox seems to take over then entire name/line/label, making it easy to expand or collapse the group, but harder to use it for anything else)
File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/templates/grptree.tmpl

    r66 r69  
    1 <ul>
    2 <TMPL_LOOP NAME=treelvl><li class="<TMPL_IF last>lastinlvl </TMPL_IF><TMPL_IF NAME=subs>hassub<TMPL_ELSE>leaf</TMPL_IF>"><TMPL_VAR NAME=grpname>
    3 <TMPL_VAR NAME=subs></li>
    4 </TMPL_LOOP></ul>
     1<TMPL_VAR NAME=indent><ul class="grptree">
     2<TMPL_LOOP NAME=treelvl><TMPL_VAR NAME=indent>  <li class="<TMPL_IF NAME=subs>hassub<TMPL_ELSE>leaf</TMPL_IF>">
     3<TMPL_IF name=subs><TMPL_VAR NAME=indent>    <label for="<TMPL_VAR NAME=grpname>"><TMPL_VAR NAME=grpdisp></label>
     4<TMPL_VAR NAME=indent>    <input type="checkbox" class="grptreebox" checked id="<TMPL_VAR NAME=grpname>" /><TMPL_ELSE><TMPL_VAR NAME=indent>    <TMPL_VAR NAME=grpdisp></TMPL_IF>
     5<TMPL_VAR NAME=subs><TMPL_VAR NAME=indent>  </li>
     6</TMPL_LOOP><TMPL_VAR NAME=indent></ul>
Note: See TracChangeset for help on using the changeset viewer.