Forums

Overlapping Area

Permalink
I have a really simple question. Why is it not possible to overlap two areas, so that i can edit them?
what's the problem when i add z-index to my area containers?

1 Attachment

Lemonbrain
 
JohntheFish replied on at Permalink Best Answer Reply
JohntheFish
C5 edit mode works through an overlay, so your z-index is probably messing that up.

The trick is to only apply the z-index outside of edit mode. So in edit mode you see the areas sequentially without the z-index and other overlapping position styles.
Lemonbrain replied on at Permalink Reply
Lemonbrain
Ok, the work around is a logical way for me, but is still a work around.

but i'm realy interessted in the overlaying system. It looks like C5 adds an overlay for every Area, so why can i not add like a z-index for this overlay (maybe in the php definition). Which would make it possible to overlay one smaller area over bigger one (like my Scrennshot). Or does i understand it wrong? Does you maybe know where the magic happens, so that i can read the code?

thanks again, you make great job.
JohntheFish replied on at Permalink Reply
JohntheFish
To support that, the c5 core would need to analyse the z-index of editable areas and make corresponding changes to the edit overlays for those areas (and get it right every time). Supporting that would require a massive core change.
Lemonbrain replied on at Permalink Reply
Lemonbrain
This sounds like a realy nice solution. Also cool would be if i can do the z-index definition in the area definition like this:

//located over the header area
$a = new Area('Header Image');
$a->setZIndexLevel(2);
$a->display($c);
$a = new Area('Header');
$a->setZIndexLevel(1);
$a->display($c);


or something like this. I think this should work without realy big changes in the core. But I see ;) I need to analyze how the overlay layering exactly works. if somone has information or starting points for this, please post here ;)

thanks for your feedback.