Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How to get DNNEmptyPane to workHow to get DNNEmptyPane to work
Previous
 
Next
New Post
11/2/2009 6:27 PM
 

Ok, I don't know what your doing wrong, but there is no magic here,  it's just plain CSS.

This has worked for others and it does work in Minimal Extropy, which is essentially the same.

I can only answer this if I see an online example, do you have the skin visible somewhere?


Web applications, DNN websites, modules, skins and support
 
New Post
11/3/2009 5:25 AM
 

Christian,



I think part of the problem you're having is because the panes are all contained within table, and all the cells in the table are linked via the colspan element. If you set the width of one of the middle 3 panes to 0 or if you were to set the visibility to hidden, both the top and bottom panes are still set to span 3 columns. This will in itself cause problems.



I find that the one-size-fits-all approach tends to create more issues than solutions when it comes to pane layouts and the best approach I've found is to create a more in-depth pane layout option using a 1-2-1-3-1-4-1 approach. By this I mean that I create one pane that spans full-width across the top followed by 2 panes set to half width each, then another full width followed by 3 panes each spanning a third width and so on.



You can then use the 1,2,3 or 4 pane options without having to worry about anything collapsing properly.



When laying out the rows of panes, try not to use one big table to do this and instead use separate tables or nested tables so there's no use of the colspan element. Ideally you should be using DIV's and even better you should try just using [CONTENTPANE],[CONTENTPANE:1], [CONTENTPANE:2] layouts as these generate their own divs, which can be referenced in the CSS file, which makes the source code that little bit cleaner.



The trick to getting all of the unused panes to "disappear" now lies with the CSS element ".DNNEmptyPane". Set this to the following:



.DNNEmptyPane{display:none;}



Hope the above helps.



Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
11/3/2009 5:19 PM
 

Hi

Under is the entire skin code.

 

<%@ Control language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="CURRENTDATE" Src="~/Admin/Skins/CurrentDate.ascx" %>

<div class="PageHolder">
        <div class="cpanel_left">
            <div class="cpanel_right">
                <div runat="server" id="ControlPanel" ></div>
            </div>
        </div>
<table class="Top">
   <tr>
     <td rowspan="2" class="HeaderHolder"><dnn:LOGO runat="server" id="dnnLOGO" /></td>
     <td class="MainMenu">
        <dnn:NAV runat="server" id="dnnNAV"
        ProviderName="DNNMenuNavigationProvider"
        IndicateChildren="false"
        ControlOrientation="Horizontal"
        CSSNodeRoot="main_dnnmenu_rootitem"
        CSSNodeHoverRoot="main_dnnmenu_rootitem_hover"
        CSSNodeSelectedRoot="main_dnnmenu_rootitem_selected"
        CSSBreadCrumbRoot="main_dnnmenu_rootitem_selected"
        CSSContainerSub="main_dnnmenu_submenu"
        CSSNodeHoverSub="main_dnnmenu_itemhover"
        CSSNodeSelectedSub="main_dnnmenu_itemselected"
        CSSContainerRoot="main_dnnmenu_container"
        CSSControl="main_dnnmenu_bar"
        CSSBreak="main_dnnmenu_break" />
        </td>
    </tr>
  <tr>
     <td class="SearchHolder">
     <dnn:CurrentDate runat="server" id="dnnCurrentDate" CssClass="CurrentDate"/>     
     <dnn:SEARCH runat="server" id="dnnSEARCH" ShowWeb="False" ShowSite="False" Submit="<img src=&quot;images/search.gif&quot; border=&quot;0&quot; alt=&quot;Search&quot; /&gt;" />
    </td>
    </tr>
  </table>
<table class="ContentHolder">
<tr>
 <td class="BannerPane1" id="BannerPane1" runat="server" containertype="L" containername="nameofcontainer" containersrc="empty.ascx"></td>
    <td class="BannerPane2" id="BannerPane2" runat="server" containertype="L" containername="nameofcontainer" containersrc="empty.ascx"></td>
    </tr>
<tr>
  <td class="MainContent" colspan="2">
   <div class="BreadCrumb">Du er her: <dnn:BREADCRUMB runat="server" id="dnnBREADCRUMB" RootLevel="0" Separator="&nbsp;&raquo;&nbsp;" /></div>
      <table class="ContentHolder66" width="98%">
        <tbody>
          <tr>
            <td colspan="3" class="TopPane" id="TopPane" runat="server"></td>
          </tr>
          <tr>
            <td class="LeftPane" id="LeftPane" runat="server"></td>
            <td class="ContentPane" id="ContentPane" runat="server"></td>
            <td class="RightPane" id="RightPane" runat="server"></td>
          </tr>
          <tr>
            <td colspan="3" class="BottomPane" id="BottomPane" runat="server"></td>
          </tr>
        </tbody>
      </table></td>
  </tr>
</table>
  <div class="Clear"></div>
<div class="FooterHolder">
    <div class="FooterLeft" id="IconPane" runat="server" containertype="L" containername="nameofcontainer" containersrc="empty.ascx"></div>
    <div class="FooterRight" id="InfoPane" runat="server" containertype="L" containername="nameofcontainer" containersrc="empty.ascx"></div>
    <div class="Clear"></div>
</div>
<div class="CopyrightHolder">
  <div class="Login">
    <dnn:LOGIN runat="server" id="dnnLOGIN" />
    <dnn:USER runat="server" id="dnnUSER" CssClass="LoginLink" />
  </span></div>
  <div class="Copyright">
    <dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT" />
  </div>
 
  <div class="WebDivision">
  <dnn:TERMS runat="server" id="dnnTERMS" />
  |
  <dnn:PRIVACY runat="server" id="dnnPRIVACY" />
  </div>
</div>
 

 
New Post
11/4/2009 2:45 AM
 

Sorry, I cannot help unless I see a live rendered page.


Web applications, DNN websites, modules, skins and support
 
New Post
11/4/2009 1:13 PM
 

HER

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How to get DNNEmptyPane to workHow to get DNNEmptyPane to work


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, 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 DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.

Copyright 2014 by DNN Corp | Terms of Use | Privacy | Design by Parker Moore Design