Re: [xwiki-users] Tree navigation like confluence wiki

Hello! Thank you for your response. I tried this code and it looked quite nide but I have some problems. Do I have to upload any images?

Instead of the + tree symbol I get only a small circle like in creating a list this small o I hope you know what I mean and instead of the folder symbol I get a button and I do not get the search icon. The same is with the subfolders. At the moment I only have tried to display the code in a simple page. And there is only a last question: If I create with this code a navigation element and I open a tree an click on a subpage will the tree remain open after the page is loaded or not?

I would generally suggest that such a navigation element like the confluence wiki tree should be added to xwiki, because xwiki would be perfect to create online helps.

Thanks, Florian -----Ursprüngliche Nachricht----- Von: users-bounces(a)xwiki.org [mailto:users-bounces@xwiki.org] Im Auftrag von Vincent Massol Gesendet: Dienstag, 12. Juli 2011 13:34 An: XWiki Users Betreff: Re: [xwiki-users] Tree navigation like confluence wiki Also note that we have a tree UI component (the one used in AllDocs's tree tab) but we'd like to make it more easy to reuse, see http://jira.xwiki.org/jira/browse/XRENDERING-81 You could also look at http://myxwiki.org/xwiki/bin/view/XWiki/Treeview?viewer=code to see how to use it for now. It's quite easy to do. Thanks -Vincent On Jul 12, 2011, at 11:54 AM, Jerome Velociter wrote: > 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 : > http://incubator.myxwiki.org/xwiki/bin/view/Sandbox/SpaceTree > > Cheers, > Jerome > > On Tue, Jul 12, 2011 at 11:33 AM, Florian Rhomberg < > florian.rhomberg(a)nettania.at&gt; 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: &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