On Jul 12, 2011, at 10:18 PM, Florian Rhomberg wrote:
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?
No but maybe you're using an older version of XE. What you can do is copy/paste the code you have in your wiki on the Main.AllDocs page (Tree tab). Just view the sources there and copy the content.
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 don' t think so. You'd need to modify the underlying JS code to do that I believe. Unfortunately I don't have much knowledge about this. Maybe someone else on this list will know (especially Jean-Vincent since he's the one who coded this ;)).
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.
I agree, that's http://jira.xwiki.org/jira/browse/XRENDERING-81 Now we just need one committer/contributor (could be anyone) to send a patch for it. I think we're starting to get several requests for this so it's going to go up in our collective memory of priorities at some point ;). You can also vote for the issue above in JIRA to make it surface vs other issues. Thanks -Vincent
Thanks, Florian
-----Ursprüngliche Nachricht----- Von: [email protected] [mailto:[email protected]] 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 < [email protected]> 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: "[email protected]", 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