source: trunk/templates/grptree.tmpl@ 87

Last change on this file since 87 was 69, checked in by Kris Deugau, 13 years ago

/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 size: 537 bytes
Line 
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 TracBrowser for help on using the repository browser.