Is there any possibility to control somehow overlapping OnPage Edit regions? I bet screenshot may explain more that I could.
The "data-epi-overlay-z-index" attribute might be what you need. It lets you handle the z-index for overlapping properties.Joel Abrahamsson has written a short blog post about it: http://joelabrahamsson.com/specify-z-index-for-a-propertys-overlay-in-episervers-on-page-edit-mode/
Great! That's exactly was we were looking for.
Yes, the z-index attribute was implemented to handle this type of case.
How do we specify this value with the property control? I have tried most settings on the control, eg:
<EPiServer:Property PropertyName="Image" runat="server">
<OverlaySettings z-index="10" />
Just add it as an attribute in the property markup:
<EPiServer:Property PropertyName="MainContentArea" runat="server" data-epi-overlay-z-index="12345" />
I can't get data-epi-overlay-z-index="100" to work with MVC, tried with and without @Html.EditAttributes
I have a div containting a div, and want the inner div to have a larger Z-index than the inner (also clickable for another attribute)
Can you post the code? This works for us just fine.
<span data-epi-overlay-z-index="600" @Html.EditAttributes(x => x.CurrentPa..
@if (PageEditing.PageIsInEditMode || !string.IsNullOrWhiteSpace(Model.Curr..
<figcaption data-epi-overlay-z-index="600" @Html.EditAttributes(x => x
<div class="relavant" data-epi-overlay-z-index="700" @Html.EditAttributes(x => x.CurrentPage.Relevant)>
<div data-epi-overlay-z-index="600" @Html.EditAttributes(x => x.CurrentPage.Innhold)>
This is how it looks: http://img593.imageshack.us/img593/1249/qwln.png
class relevant uses float: right, can't see why it's not working :/
I got it working on another overlapping object, will continue trying