Portal Engine Questions on portal engine and web parts.
Version 7.x > Portal Engine > Inaccessible Web Part Zone View modes: 
User avatar
Member
Member
nanite2000 - 4/3/2013 5:02:35 PM
   
Inaccessible Web Part Zone
Hi,

I'm using Kentico v7.0.26.

The design of one of my page templates contains a DIV element that sits on top of (and therefore obscures) a web part zone.

How can I edit the contents of a web part zone when it is obscured by other elements on the page?

Right now I'm having to edit the rendered HTML visibility directly in the browser in order to access it.

Is there a better way?

Thanks!

User avatar
Certified Developer 8
Certified Developer 8
Petr Dvorak - 4/4/2013 4:10:05 AM
   
RE:Inaccessible Web Part Zone
Hi,

sometimes unchecking the "Display web part content" checkbox (to the right of Page/Design/Form/Properties tabs) helps. Or you can add custom high z-index of Kentico elements (e.g. CSS class "WebPartZoneHeader") to your CSS to move the zones to the front.

User avatar
Kentico Support
Kentico Support
kentico_zdenekc - 4/4/2013 7:40:58 AM
   
RE:Inaccessible Web Part Zone
Hi,

Petr has good point, hiding the web part content using "Display web part content" may help in some scenarios.
If your DIV is defined in the page template layout, it doesn't behave as a web part, so you may need to play with the z-index like Petr mentioned, or you need to work with your CSS and the design mode CSS to behave properly when it comes to flow of elements, overlapping, etc.

Some particular example, a screenshot and a markup/CSS snippet for instance could be helpful to advise something more accurately.

Regards,
Zdenek

User avatar
Member
Member
nanite2000 - 4/4/2013 6:18:57 PM
   
RE:Inaccessible Web Part Zone
kentico_zdenekc wrote: Hi,

Petr has good point, hiding the web part content using "Display web part content" may help in some scenarios.
If your DIV is defined in the page template layout, it doesn't behave as a web part, so you may need to play with the z-index like Petr mentioned, or you need to work with your CSS and the design mode CSS to behave properly when it comes to flow of elements, overlapping, etc.

Some particular example, a screenshot and a markup/CSS snippet for instance could be helpful to advise something more accurately.

Regards,
Zdenek

Fortunately, in my case, temporarily hiding the obscuring page element allowed me to add a web par. Once the web part was added, it moves to the front of the page element whenever I hover my mouse over it, so I can access it OK.

The suggestions given here are good too.

Thanks!