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 _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

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: [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 _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

Florian, I've copied your code in a page, wrapped in {{velocity}} {{html}} // the code here {{/html}} {{/velocity}} (so in syntax xwiki/2.0) ; and it works fine for me : I have the + and folder icons appearing properly. Can you tell us more about your setup ? (XWiki version, app server, is there a front-end too, etc.) Jerome On Tue, Jul 12, 2011 at 10:18 PM, Florian Rhomberg < [email protected]> 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? 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: [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 _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

Hello everyone, Zitat von Vincent Massol <[email protected]>:

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

_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

On Fri, Aug 5, 2011 at 14:59, <[email protected]> wrote:

Hello everyone, we would also be very interested in some sort of Menu (Tree-Navigation). For us it would be necessary that you can easily define which spaces and pages to hide, the depth and probably most important thing for us is the look & feel (and therefore user acceptance). The menu should stay open / open on the site where you currently are. So even if you navigate through some other link, the menu should also open the corresponding space and somehow highlight (maybe with a bold font) the current page. Also we don?t know how long the page names will be.

If have seen that there are some extensions available, none is working for us, though. Therefore I like to offer an enticement. Whoever is able to provide such a ?tree navigation? can either chose from a ?75 USD Amazon Gift Card? or a 75 USD donation to his/her favorite OS project.

Hi Stephanie, Regarding the money aspect you could use https://fundry.com/project/58-xwiki Thanks, Caty

Please do not get me wrong, I do know that the actual development costs will exceed the amount of 75 USD but exactly that amount can be offered without infringing our anti-corruption regulations.

I hope for the best, Kind regards, Stephanie

Zitat von Vincent Massol <[email protected]>:

...

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

---

users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users