Comment:
Corrected links that should have been relative instead of absolute.
You can now show and hide the left column by clicking on the button in the top right corner of a page. It's also possible to use the keyboard shortcut '['.
Oh – Actually I really meant – I'd like to have a certain space in a category have it's own styling, which makes the body area full width – I can understand how to customize your designs to make something like that, but:
Am I right in understanding that the space design is set by the design of the category it is in?
I think what you are looking for could be done with some CSS code. Navigate to a space and go to Browse > Space Admin > Look and feel > Stylesheet and add the following CSS code:
Not to hijack OP's thread, but for future people and searches...
My use case: a space that has NO CONTENT in the left column field, AND you also do not want to even show an empty left column, this appears to work well enough:
The code I added to the space's stylesheet was:
--- (you could also use width:30px which I think is what you use when hiding (still shows the little triangle at left)
This hides the left column BUT still allows the button to bring it back. NOTE that if the left column actually contains something, it looks a little weird - the tree "expand all / collapse all" still shows...
I think the best way of doing this is to remove all content from the left column. Go to Browse > Space Admin > Original Theme > Spae Layout and remove all content from the left column. This will remove the column and the left column button will not appear on the page.
OK - Yes - said another way, what you said on the 17th and now was right. However, I have a space where I did that first, and it didn't seem to be working, hence my original comment (the left column is there, it's just gray nothing). Just now I made another space (in the same category btw) and cleared out the fields and it does just what you say. But the first space still doesn't work. I've yet to take a look at this deeply to find out why this might be. But for now, it's odd.
Fixed, but tricky. All the boxes did actually seem empty, but then I clicked to reset to "Default settings" and then went back, and cleared the boxes again. This time it worked.
To hide the left column for a single page, you can add an HTML macro with this content:
This will click the "Hide left column" button after the page finishes loading. You could go even further and wrap this up into a nice little custom macro at your site.
18 Comments
Hide/Show CommentsTheresa Wolf
Hi Emil!
Is there anyway to make the left column hidden by default across an entire Confluence site, per space, or per page?
Thank you for your help,
~Theresa
Mike Osswald
I second this question! – Actually, I'm revising to mean – I don't want a left column at all in a certain space.
Emil Sjödin
Hi Mike,
Yes, go to a space and then navigate to Browse > Space Admin > Original Theme > Edit space layout : and remove all content from the left column field.
Mike Osswald
Oh – Actually I really meant – I'd like to have a certain space in a category have it's own styling, which makes the body area full width – I can understand how to customize your designs to make something like that, but:
Am I right in understanding that the space design is set by the design of the category it is in?
Emil Sjödin
I think what you are looking for could be done with some CSS code. Navigate to a space and go to Browse > Space Admin > Look and feel > Stylesheet and add the following CSS code:
Mike Osswald
Not to hijack OP's thread, but for future people and searches...
My use case: a space that has NO CONTENT in the left column field, AND you also do not want to even show an empty left column, this appears to work well enough:
The code I added to the space's stylesheet was:
--- (you could also use width:30px which I think is what you use when hiding (still shows the little triangle at left)
This hides the left column BUT still allows the button to bring it back. NOTE that if the left column actually contains something, it looks a little weird - the tree "expand all / collapse all" still shows...
Emil Sjödin
No Problems,
I think the best way of doing this is to remove all content from the left column. Go to Browse > Space Admin > Original Theme > Spae Layout and remove all content from the left column. This will remove the column and the left column button will not appear on the page.
Mike Osswald
OK - Yes - said another way, what you said on the 17th and now was right. However, I have a space where I did that first, and it didn't seem to be working, hence my original comment (the left column is there, it's just gray nothing). Just now I made another space (in the same category btw) and cleared out the fields and it does just what you say. But the first space still doesn't work. I've yet to take a look at this deeply to find out why this might be. But for now, it's odd.
Emil Sjödin
Hi Mike, Please make sure that there are now blank spaces left in the left column field.
Mike Osswald
Fixed, but tricky. All the boxes did actually seem empty, but then I clicked to reset to "Default settings" and then went back, and cleared the boxes again. This time it worked.
Emil Sjödin
Hi Mike,
We will review this function. Thanks for letting us know.
Emil Sjödin
Hi Theresa,
That's not possible right now, I've added your request to our feature wish-list.
When an user hides the left column it will be hidden until the user opens it again.
Theresa Wolf
Thank you so much Emil!
Kindest regards,
~Theresa
Rob Tomson
Hi Theresa and Emil,
To hide the left column for a single page, you can add an HTML macro with this content:
This will click the "Hide left column" button after the page finishes loading. You could go even further and wrap this up into a nice little custom macro at your site.
Enjoy!
Rob
Emil Sjödin
Thanks Rob!
Theresa Wolf
Thank you Rob!
Scott Brown
Similarly could you close (or hide) the comments or like elements on a single page?
Rob Tomson
You can hide the comments section on a single page by adding a CSS Style macro with this content:
This page has some more examples and the html markup used in the RefinedWiki Original Theme.