How can I hide the canvas-control-panel div for users lacking edit privileges.

When a user lacking edit privileges views my ZF themed page they see white space on the page where the control panel appears for editors. This is 34px high of wasted space. Is that by design? How can I style it away for those without editing rights?

5 answers

1 accepted

Hi HomeAway,

Sorry this isn't a more elegant solution, but try the suggestion below to tighten up that area a bit.

Add the following CSS to your brand, obviously adjusting as makes sense for your design:

#canvas-control-panel {

	height: 24px;

}

#publishing-control-panel {

	top: 0;

}

#wrapper #content #canvas {

	padding-top: 24px !important;

}

Let us know if this helps.

Thanks,

Kelli

Hi HomeAway,

Any possibility of a screenshot with specifics on what you are trying to hide? (do you mean the toolbar?)

Thanks,
Kelli

Here's a screen shot with the FF Object Inspector showing the offending div: http://screencast.com/t/JTuMrdD7

Thanks so much - that clears things up. Presently, Zen does not have a way to hide those controls for different vieiwing permissions, but you can reduce the overall space of that area, so the impact is less. Please let us know if you are intersted in that as a partial solution, and we'll get you more information.

Thanks!

(Also note that in our newest product, Theme Press (the 'next generation of Zen') we have completely removed those controls - we understand they can be problematic depending upon your design needs.)

Partial solution would be great.

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
Published Jul 10, 2018 in Marketplace Apps

If you’re an Atlassian app developer, you’ll want to know about Atlas Camp!

This September 6-7, hundreds of Atlassian App developers will flock to Barcelona Spain to build skills, discover product roadmaps, meet face-to-face with the Atlassian team, and learn how to extend t...

176 views 0 4
Read article

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