Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

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, ...two columns in one pantwo columns in one pan
Previous
 
Next
New Post
7/30/2009 11:36 PM
 

how?

custom designed skin? we just have 5 pans right now, (top, left,content,right,bottom).

 
New Post
7/31/2009 2:50 PM
 

Sebastian Leupold wrote

The bottom is obviously implemented using 3 panes side by side.

Yep, after looking at it again, it's arranged in 3 panes... It was late when I looked at it last night and only saw the ContentPane div, didn't notice the 'ThirdPane' divs setup across the bottom... what can I say, my ability to divine layout from rendered source isn't as great late at night .

So, to answer the OP's question, yes either a custom skin or you could also attempt to modify the skin you're currently using to include more panes. How you go about this will depend alot on how the skin was created (pure CSS Div/spans or Tables).

A simple explanation is that a pane is created by insterting either:

< div id="MyPaneName" class="MyPaneClassName" runat="server" > < /div >

or you can also make a pane out of a TD element:

< td id="MyPaneName" class="MyPaneClassName" runat="server" > < /td >

Notes:

1 - The code above has extra spaces before and after the < and > you probably want to remove those when you go to make your own, I put them in so the text editor doesn't eat it thinking it's real HTML

2 - One thing to keep in mind is that every skin file must contain at least one pane ID'd as "ContentPane" without it, you will get errors when you load the page.

3 - I find editing the ASCX files to be the easiest way, but if you're just starting with skinning DNN you probably want to use HTML/XML skin pacakges if possible. However, if you're working with a purchased / licensed skin, they may not provide HTML files, and you may be forced to edit the ASCX. Don't panic, it's very similar. Just make sure to backup the working skin.ascx file before you start.

4 - Consult the documentation for more details on skinning DNN sites, there are a lot of handy bits of info in there.

5 - You may want to checkout the Wrox books on DNN, or even "DotNetNuke for Dummies" which has a good explanation of the HTML skinning process for DNN (don't know if it's been updated for v5.x yet though).

Good Luck


Wells Doty Jr
Online Content Development
 
New Post
8/5/2009 12:17 PM
 

CAN ANYONE please  send me the skin of the dotnetnuke.com frontpage?

it seems to be different with the one shipped in the 5.1 package.

thankx

 
New Post
8/5/2009 12:20 PM
 

I like to use Module Wrapper from ZLDNN for things like you have described.  And ... you can put Module Wrappers insite of Module Wrapper for even more complicated designs.




Joe Craig
Patapsco Research Group, Ellicott City, MD
DotNetNuke Development and Services (http://patapscorg.com)
 
New Post
8/5/2009 3:04 PM
 

Here is my solution:

It has more than you want, but you can see how I got the three panes to sit beside one another under the comment begin nested pane table.  I use tables instead of divs and It renders fine with both IE and Firefox.

<!-- Custom DNN Skin Copyright 2009 Arukor Communications -->
<table class="page_table">
     <!-- TopPadding for graphic -->
     <tr><td class="skin_TopPadding" runat="server"></td></tr> 
     <tr><td class="page_td">
       <table class="skin_table">
         <tr><td id="ControlPanel" runat="server"></td></tr>
         <tr><td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr><td class="skin_logo"><dnn:LOGO runat="server" ID="dnnLOGO" /></td>
                   <!-- content pane in the logo area -->
                   <td valign="top" id="LogoPane" class="logopane3" runat="server"></td></tr>
         </table></td></tr>
         <tr><td valign="top" class="skin_menu">
               <dnn:NAV runat="server" ID="dnnNAV" ProviderName="DNNMenuNavigationProvider" ForceCrawlerDisplay="False"
                ControlOrientation="horizontal" SeparatorHTML="&nbsp;<span style=&quot;color:black&quot;>|</span>&nbsp;"
                IndicateChildren="False" CSSControl="NAV_CSSControl" CSSContainerRoot="NAV_CSSContainerRoot"
                CSSContainerSub="NAV_CSSContainerSub" CSSBreak="NAV_CSSBreak" CSSIndicateChildSub="NAV_CSSIndicateChildSub"
                CSSIndicateChildRoot="NAV_CSSIndicateChildRoot" CSSNode="NAV_CSSNode" CSSNodeRoot="NAV_CSSNodeRoot"
                CSSBreadCrumbSub="NAV_CSSBreadCrumbSub" CSSBreadCrumbRoot="NAV_CSSBreadCrumbRoot"
                CSSNodeSelectedRoot="NAV_CSSNodeSelectedRoot" CSSNodeSelectedSub="NAV_CSSNodeSelectedSub"
                CSSNodeHover="NAV_CSSNodeHover" CSSNodeHoverSub="NAV_CSSNodeHoverSub" CSSNodeHoverRoot="NAV_CSSNodeHoverRoot"
                CSSSeparator="NAV_CSSSeparator" CSSLeftSeparator="NAV_CSSLeftSeparator" CSSRightSeparator="NAV_CSSRightSeparator"
                CSSLeftSeparatorSelection="NAV_CSSLeftSeparatorSelection" CSSRightSeparatorSelection="NAV_CSSRightSeparatorSelection"
                CSSLeftSeparatorBreadCrumb="NAV_CSSLeftSeparatorBreadCrumb" CSSRightSeparatorBreadCrumb="NAV_CSSRightSeparatorBreadCrumb"
                CSSIcon="NAV_CSSIcon" /></td></tr>
                              
          <!-- begin pane table -->
          <tr><td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr><td valign="top" id="TopPane" class="TopPane" runat="server" colspan="3"></td></tr>
            <tr><td valign="top" id="LeftPane" class="LeftPane3" runat="server"></td>
           
            <!-- begin nested center pane table -->
            <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr><td valign="top" id="ContentPane" class="TopCenterPane3" runat="server" colspan="3"></td></tr>
                <tr><td valign="top" id="InsideLeftPane" class="InsideLeftPane3" runat="server"></td>
                    <td valign="top" id="InsideCenterPane" class="InsideCenterPane3" runat="server"></td>
                    <td valign="top" id="InsideRightPane" class="InsideRightPane3" runat="server"></td></tr>
                <tr><td valign="top" id="BottonCenterPane" class="BottomCenterPane3" runat="server" colspan="3"></td></tr>
            </table></td>
            <!-- end nested center pane table -->
           
            <!-- continuation of pane table -->
            <td valign="top" id="RightPane" class="RightPane3" runat="server"></td></tr>
            <tr><td valign="top" id="BottomPane" class="BottomPane" runat="server" colspan="3"></td></tr>
          </table></td></tr>
          <!-- end pane table -->
                 
          <tr><td class="skin_footer">
            <dnn:LINKS runat="server" ID="dnnLINKS" CssClass="links" Level="Root" Separator="&nbsp;|&nbsp;" />
            <span class="links">| </span>
            <dnn:LOGIN runat="server" ID="dnnLOGIN" CssClass="links" />
            <br />
            <dnn:PRIVACY runat="server" ID="dnnPRIVACY" CssClass="footer" />
            <span class="footer">| </span>
            <dnn:TERMS runat="server" ID="dnnTERMS" CssClass="footer" />
            <br />
          </td></tr>
          <tr><td class="skin_subfooter">
            <span class="credit">Arukor Communications, Inc.| Shrewsbury, MA 01545 | 1-866-615-5171
                | info@arukor.com |
                <dnn:COPYRIGHT runat="server" ID="dnnCOPYRIGHT" CssClass="credit" />
            </span>
         </td></tr>
    </table></td></tr>
    <!-- end skin table -->
    </table>

 

Judy Vedder

Arukor Communications

www.arukor.com

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...two columns in one pantwo columns in one pan


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.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out