Can I make stacks non-editable in a page?

Permalink
Hi,

I'm currently building a site with a super footer and I've made a stack which consists of 5 columns, each one a content block with a wrapper column div applied via 'Design'. This stack is called from the template as it'll be needed on every page in the site. This is all working fine when viewing the site itself but in the editor it's displaying each column as full width and not applying the styles to it (I'm guessing the wrapper divs aren't being applied inside the editor) so this is causing the page to look very broken! Is there a way I can get the footer to display in the editor in the same way as it displays in the page? It will never need to be edited through the page as I can make any changes directly to the stack through Dashboard.

I tried using if (!$c->isEditMode()) around the stack and while that helps the page look less broken it does result in the footer content not appearing. This would be fine if it was just me editing the site but it will be edited by a client who wouldn't understand why it looked different!

Any suggestions?
Thanks,
Ali

BinaryFold4
 
jordanlev replied on at Permalink Reply
jordanlev
I think the "design" stuff is displayed in edit mode, but the red dotted lines that C5 puts around blocks can mess up inline styles (because the red dotted lines are block-level divs, so they may force a line break after each one and be full-width -- in other words, your custom styles are there but the red dotted line div is around that and its style is trampling over the custom styles).
If this is the case, you'll need to investigate with firebug or web inspector and add some more CSS to your stylesheet that tells the c5 edit area divs in your footer to behave more like your custom design things are. Hope that makes sense (can't say exactly what the styles should be as it depends on your specific theme CSS).
BinaryFold4 replied on at Permalink Reply
BinaryFold4
Thanks, I'll give that a go!

Ali
arrestingdevelopment replied on at Permalink Reply
arrestingdevelopment
Ali,

How'd you make out? Did you ever find the correct id's or classes to affect via CSS to get the edit mode to appear correctly?

Thanks!

- John