[xwiki-users] Tree navigation like confluence wiki

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: &quot;Main.RecentChanges(a)lquo.gif&quot;.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