Hello Florian,
First I must say I like this navigation UI from confluence, too.
You might also be interested by a prototype of a new tree UI here :
Cheers,
Jerome
On Tue, Jul 12, 2011 at 11:33 AM, Florian Rhomberg <
florian.rhomberg(a)nettania.at> wrote:
  Hello!
 I want to create a treeview navigation element which looks like the left
 menu on this confluence page:
 
http://www.stripesframework.org/display/stripes/Home
 Therefore I created a new navigation element and tried to manipulate the
 original velocity code of the treeview. It is working but I have two
 problems:
 -          The main problem is that if I choose a page from a sublevel the
 whole page is reloaded and the sublevel is closed aftwerwards. How can I
 change this, it is very annoying?
 -          The second problem is that the menu is not width enough. After
 some levels the pages are not displayed properly. How can I prevent this?
 This is my velocity code:
 #panelheader('SpaceTreeMenu')
 ## Smartclient
 $xwiki.jsfx.use('js/smartclient/initsc.js', {'forceSkinAction' : true,
 'defer' : false})##
 $xwiki.jsfx.use('js/smartclient/modules/ISC_Core.js', {'defer' :
false})##
 ## TODO: remove this line
 ## when 
http://forums.smartclient.com/showthread.php?t=3097 will be fixed
 $xwiki.jsfx.use('js/smartclient/overwritesc.js', {'defer' : false})##
 $xwiki.jsfx.use('js/smartclient/modules/ISC_Foundation.js', {'defer' :
 false})##
 $xwiki.jsfx.use('js/smartclient/modules/ISC_Containers.js', {'defer' :
 false})##
 $xwiki.jsfx.use('js/smartclient/modules/ISC_Grids.js', {'defer' :
false})##
 $xwiki.jsfx.use('js/smartclient/modules/ISC_Forms.js', {'defer' :
false})##
 $xwiki.jsfx.use('js/smartclient/modules/ISC_DataBinding.js', {'defer' :
 false})##
 $xwiki.jsfx.use('js/smartclient/skins/Enterprise/load_skin.js', {'defer'
:
 false})##
 ## XWikiExplorer
 $xwiki.jsfx.use('js/xwiki/xwikiexplorer/xwikiexplorer.js',
 {'forceSkinAction' : true, 'defer' : false})##
 <div id="XWEWrapper" style="height:300px;"></div>
 <script type="text/javascript">
 isc.XWETreeGrid.create({
  ID: "Treeview",
  // Example of default values:
  // defaultValue: "Main.WebHome",
  // defaultValue: "Main.RecentChanges(a)lquo.gif".gif",
  defaultValue: "",
  htmlElement: "XWEWrapper", // Mandatory HTML wrapper.
  matchElement: true, // Make the widget match HTML wrapper size.
  // Example of data sources:
  // dataSource: isc.XWEDataSource.create({}),
  // dataSource: isc.XWESpaceDataSource.create({ space: "Main" }),
  dataSource: isc.XWEWikiDataSource.create({}),
  displaySuggest: true, // Display the input at the bottom.
  displayLinks: true, // Node titles are HTML links.
  displayAttachments: true, // Display pages attachments.
  displayAttachmentsOnTop: true // Display attachments before page children.
 }).draw();
 </script>
 #panelfooter()
 I hope someone can help me! Thank you!
 Florian
 _______________________________________________
 users mailing list
 users(a)xwiki.org
 
http://lists.xwiki.org/mailman/listinfo/users