HomeHomeUsing DotNetNuk...Using DotNetNuk...Skins, Themes, ...Skins, Themes, ...Injection of "DNNEmptyPane" CSS should overwrite original CSSInjection of "DNNEmptyPane" CSS should overwrite original CSS
Previous
 
Next
New Post
10/7/2009 3:07 AM
 

Hi.

I have a little problem with the Class DNNEmptyPane that is injected into an elements css class if the element is empty.  I have a skin pane with an element that already uses a class ie; "PaneLeft".  This class is set to a width:20%.  Prior to DNN5, this pane was disappearing nicely when its contents were empty.  But after upgrading to DNN5 (5.1.4) it looks like the method for removing empty panes has changed.

What seems to be happenning now is that DNN injects a class called "DNNEmptyPane" into the elements Class attribute.  But it does not remove the existing class definition that was already there.  In my case i now have a left pane that consumes 20% of the screen width because it no longer disappears gracefully.  Is this a known issue?.  I have attached a screenshot below that shows clearly what is going on.  IF you look at the Firebug debugg windows you will see that there are 2 css classes attached to the empty element but only the original one is effective.  Does anyone know of a way to get around this problem??

Cheers
John Liptak

 
New Post
10/7/2009 6:02 AM
 

After toying with it for a while i managed to get around it by adding "Display:None;" to the css style DNNEmptyPane in portals\_default\default.css.  I suspect that this wont work if the other class "PaneLeft"  had a conflicting value for the Display attribute.  But it works for me.  Just out of curiosity is the class  "DNNEmptyPane" intentionally injected after the existing css class or was it supposed to replace the existing class?

Cheers

 
New Post
10/7/2009 6:21 AM
 

It is intentionally.

Please make sure you have the DNNEmptyPane css at the bottom of your skin.css file and you should be fine.

BTW, this should be the same in DNN from version 4.6

The class allows you to set if a pane without content collapses using CSS
(there are also designs where you wouldn't want the pane to collapes)

 

 


Web applications, DNN websites, modules, skins and support
 
Previous
 
Next
HomeHomeUsing DotNetNuk...Using DotNetNuk...Skins, Themes, ...Skins, Themes, ...Injection of "DNNEmptyPane" CSS should overwrite original CSSInjection of "DNNEmptyPane" CSS should overwrite original CSS


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, please observe the following posting guidelines:

1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

Attend A Webinar
Free Demo Site
Download DotNetNuke Professional Edition Trial
Have Someone Contact Me
Have Someone Contact Me
DotNetNuke Store

Like Us on Facebook Join our Network on LinkedIn Follow DNN Corporate on Twitter Follow DNN on Twitter

Advertisers

Exact Target Exec Alert
PowerDNN
r2integrated

DotNetNuke Scoop!

Sponsors

DotNetNuke Corporation

DotNetNuke Corp. is the steward of the DotNetNuke open source project, the most widely adopted Web Content Management Platform for building web sites and web applications on Microsoft. Organizations use DotNetNuke to quickly develop and deploy interactive and dynamic web sites, intranets, extranets and web applications. The DotNetNuke platform is available in a free Community and subscription-based Professional and Enterprise Editions with an Elite Support option. DotNetNuke Corp. also operates the DotNetNuke Store where users purchase third party apps for the platform.