How to bring menue functionality onto a full screen page as an icon?

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.

5 answers

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 or 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

https://answers.atlassian.com/questions/110130/disable-the-child-pages-section

https://answers.atlassian.com/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

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

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.

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}

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.

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}

Suggest an answer

Log in or Sign up to answer
How to earn badges on the Atlassian Community

How to earn badges on the Atlassian Community

Badges are a great way to show off community activity, whether you’re a newbie or a Champion.

Learn more
Community showcase
Posted Tuesday in Uncategorized

Friday fun: how many celebrates Midsummer holiday or is this a Swedish tradition only?

Any other country that celebrates Midsummer holiday (this friday 22 June)?  

37 views 3 1
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you