How to bring menue functionality onto a full screen page as an icon?
Asked by Anselmo:

I have to prepare training documentation and the first issue is: How to get rid of all the parts of the screen, which restrict the space for (visual) training content. So people don't like the wiki page to display with opportunities, which do not apply during a presentation. A full screen presentation mode for training articles is what they want.

BUT: Having this, of course they want to have the opportunity to set a page as favorite, to set the "watch this page" and to enter a comment. So a number of menue functions should be available on most of the training pages - most, but not on all.

Please help me building pages, which offer as much space as possible on the screen for training content and which allow to use a selection of menue functions with exchangeable icons.


Answers:
author: MatthewC
body: You can activate the menu functions by using some javascript and the link ID. Each of the menu items have a unique ID which you can use to trigger the functionality.

I answered something similar before,

[https://answers.atlassian.com/questions/90889/i-wanna-move-the-update-user-status-link-which-is-in-the-drop-down-menu](/questions/90889/i-wanna-move-the-update-user-status-link-which-is-in-the-drop-down-menu)

This is how to bring up the update user status window. Depends on your specific requirements if that will work or not. You could change the menu link for an icon.


author: MatthewC
body: There are several options you could do. if you have the resources, i would consider building your own confluence theme, or using one of the theme plugins like [Zen](https://marketplace.atlassian.com/plugins/com.zenfoundation)or [Theme Builder](http://www.adaptavist.com/w/Plugins/public/theme-builder/).

If you don't want to do that, you can tweak parts of the existing UI with using a combination of CSS and jquery. Have a look at these questions to get an idea.

[https://answers.atlassian.com/questions/69086/how-to-hide-the-created-by-edited-by-byline-at-the-top-of-a-page](/questions/69086/how-to-hide-the-created-by-edited-by-byline-at-the-top-of-a-page)

[https://answers.atlassian.com/questions/110130/disable-the-child-pages-section](/questions/110130/disable-the-child-pages-section)

[https://answers.atlassian.com/questions/93117/how-to-hide-the-page-title](/questions/93117/how-to-hide-the-page-title)

and how to hide menu links

[https://answers.atlassian.com/questions/5039/is-it-possible-to-control-what-an-anonymous-user-sees-in-the-browse-menu](/questions/5039/is-it-possible-to-control-what-an-anonymous-user-sees-in-the-browse-menu)


author: Anselmo
body: Thanks a bunch, Mat,

I can follow this theoretically. But I may not interfere into the gui code (so I understood). The users, who I need to instruct, depend on someone to build a macro for that. The guy to do so in my company is very busy with lots of implementations like this.

So I could help him a lot, if I could name the link IDs of the menu items I want to control by icons in the article body.

This is

1. Set page as favorite
2. Set watch this page
3. Add comment
4. Show link to this page
5. Export to pdf

Perhaps I'm just too stupid to find them in the source code and to fill them into the pattern below, so they may work correctly. As I said, I cannot try it myself. I want to deliver it well prepared.

{code}

|-------------------------------------------------------------------------------------------------------------------------------|
| `<a href=`"#" `onclick=`"AJS.toInit(function(){AJS.$('#menue-function-link').click();});" `>Text-or-icon-to-click-on<``/a``>` |

{code}


author: Anselmo
body: Thanx for quick response, Mat.

I can hand this over to our confluence guru. To get it under control myself, I would need it based on macros, which I'd use only in the relevant "presentation pages". Definitely I don't want to modify all the wiki space.

And then there's still the part open, how I can use some of the menue functions via icons somewhere in my training article. This is needed depending on the content to display. Sometimes empty spaces vary, as they do on ppt-charts as well. But I think, that having the chance to interact on a chart in "presentation mode" would bring the wiki into a fortunate position compared to ppt.


author: Anselmo
body: By the way: For having a golden thread for the users to be trained, we use a link to the next page behind a "next" icon. This is not necessarily a page located next to the one before. Depending on the target group to be trained we go more or less into details. This way the navigation pane on the left is not important at all and we can turn it off during the training.

We also use the include macro embedded into the expand macro to give the opportunity for a drill down directly on the training agenda.

It looks like this and this can be edited quickly:

{code}  
{expand}   
\| {include:Title of page to be displayed} \|  
{expand}  
{code}


Tags: menu

screen