Z-index on property in edit mode - MVC | Optimizely Developer Com

A critical vulnerability was discovered in React Server Components (Next.js). Our systems remain protected but we advise to update packages to newest version. Learn More.

AI OnAI Off

Home / Forums / Legacy forums / Episerver 7 CMS /

Z-index on property in edit mode - MVC

Vote:

I read this http://joelabrahamsson.com/specify-z-index-for-a-propertys-overlay-in-episervers-on-page-edit-mode/

But can i do something like this when using (notice its a ContentArea)

@Html.PropertyFor(m => m.CurrentPage.BottomContentArea, new { CssClass = "row", tag = Statics.ContentAreaTags.FullWidth })

#73390

Jul 17, 2013 15:35

martin.logdberg@avantime.se

Vote:

Hi, if someone else gets here via google I can confirm that the solution below works for setting z-index on content areas and custom blocks.

<!-- Content area -->
<div data-epi-overlay-z-index="501" @Html.EditAttributes(m => m.CurrentPage.BottomContentArea)>
        @Html.DisplayFor(m => m.CurrentPage.BottomContentArea)
</div>

<!-- Custom block -->
<div data-epi-overlay-z-index="501" @Html.EditAttributes(m => m.CurrentPage.CustomBlock)>
        @Html.DisplayFor(m => m.CurrentPage.CustomBlock)
</div>

#146656

Mar 21, 2016 9:27

Henrik Fransas

Vote:

Thanks for sharing Martin!

#146667

Mar 21, 2016 11:44

This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.