Portal Engine
Version 2.x > Portal Engine > Elements in Design tab inheriting CSS View modes: 
User avatar
Member
Member
forrester - 2/2/2007 10:49:53 PM
   
Elements in Design tab inheriting CSS
Hi,

I am working with version 2.1. Is there a way to prevent the WebPart box and WebPartZone's (in Design Mode) from inheriting css styles that I have set for content that I add in the Page Mode?

Here is an example -

HTML:
<div class="Horizontal">
<cc1:CMSWebPartZone ID="zoneCenter" runat="server" />
</div>

CSS:
.Horizontal A { PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 2px; TEXT-DECORATION: none }

When I am in Design mode, I cannot see the configure, previous zone, etc. buttons because they are inheriting this style.

Thanks,
forrester

User avatar
Guest
kentico_martind - 2/20/2007 3:30:33 PM
   
Re: Elements in Design tab inheriting CSS
Hello,

please try to override the declaration using context with class .PagePlaceholderDesign as this class is used only in CMSDesk design mode. E.g.:

.PagePlaceholderDesign .Horizontal A
{
//try to override your style here.
}

Best Regards,

Martin Dobsicek

User avatar
Member
Member
lbrinckley - 3/12/2007 4:21:12 PM
   
RE:Re: Elements in Design tab inheriting CSS
Martin,

thank you for the response. I will give it a try.

forrester

User avatar
Member
Member
sw - 5/25/2011 9:26:00 AM
   
RE:Re: Elements in Design tab inheriting CSS
i tried that method and nothing works. Design tab is completely unusable.. I've also tried:

.PagePlaceholderDesign table,
.PagePlaceholderDesign th,
.PagePlaceholderDesign td,
.PagePlaceholderDesign tr{margin:0!important; padding:0!important; clear:both!important; float:none!important;}

which does absolutely nothing. Shouldn't this NOT be an issue with a high end CMS such as this??

User avatar
Kentico Developer
Kentico Developer
kentico_ondrejv - 5/25/2011 5:30:28 PM
   
RE:Re: Elements in Design tab inheriting CSS
Hello,

please note that this is a thread related to the 2.x version. That's why it doesn't work for you - the design mode CSS class has been changed to the following one in upper versions:

.DesignMode

Please try to use this class and let us know whether it helps.

Best regards

Ondrej Vasil