Help shape the future of CMS PaaS release notes! Take this quick survey and share your feedback.
Help shape the future of CMS PaaS release notes! Take this quick survey and share your feedback.
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/
Hi,
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" />
</EPiServer:Property>
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.
<figure class="featured-image">
<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
}
</figure>
<div class="relavant" data-epi-overlay-z-index="700" @Html.EditAttributes(x => x.CurrentPage.Relevant)>
<h3>Relevant</h3>
@Model.CurrentPage.Relevant
</div>
<div data-epi-overlay-z-index="600" @Html.EditAttributes(x => x.CurrentPage.Innhold)>
@Model.CurrentPage.Innhold
</div>
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 :/
Hi,
Is there any possibility to control somehow overlapping OnPage Edit regions? I bet screenshot may explain more that I could.
http://sdrv.ms/18gKGDa