Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

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, ...Skin based on DIVsSkin based on DIVs
Previous
 
Next
New Post
10/3/2006 8:19 PM
 
Pieter Siegers

www.icalendula.com
Joined: 11/11/2005
Posts: 131

Hi, I'd like to make my design based on DIV tags instead of TABLEs (see html source below). The only problem I face now is making the ContentPanel's DIV resize once logged in as admin/host (and disappear once logged out). Any ideas are welcome, TIA

<div id="divControlPanel" style="z-index: 104; left: 14px; width: 197px; position: absolute; top: 14px; height: 90px">

<TABLE class="skinmaster" border="0" align="center" cellspacing="0" cellpadding="0" style="z-index: 100; left: 2px; width: 903px; position: absolute; top: 2px">

<TR>

<TD id="ControlPanel" runat="server" class="contentpane" valign="top" align="center" style="height: 19px"></TD>

</TR>

</TABLE>

</div>

<div style="z-index: 100; left: 14px; width: 207px; position: absolute; top: 14px;

height: 108px">

<img src="logoPDFs.png" style="z-index: 100; left: 0px; position: absolute; top: 0px" />

</div>

<div id="divHeader" style="z-index: 101; left: 228px; width: 692px; position: absolute;

top: 16px; height: 103px; background-color: #eee1b5">

<input id="Text1" style="z-index: 100; left: 6px; width: 60px; position: absolute;

top: 4px" type="text" value="HEADER" />

<div style="z-index: 101; left: 478px; width: 121px; position: absolute; top: 10px;

height: 25px">[USER]&nbsp;&nbsp;[LOGIN]

</div>

<div style="z-index: 102; left: 328px; width: 162px; position: absolute; top: 61px;

height: 23px"><B>..::</B>&nbsp;[BREADCRUMB]<B>::..</B>

</div>

<div style="z-index: 103; left: 26px; width: 132px; position: absolute; top: 62px;

height: 21px">[CURRENTDATE]

</div>

</div>

<div id="divMenuHor" style="z-index: 102; left: 16px; width: 201px; position: absolute;

top: 130px; height: 569px; background-color: #eee1b5">

<input id="Text2" style="z-index: 100; left: 5px; width: 43px; position: absolute;

top: 4px" type="text" value="MENU" />

</div>

<div class="contentpane" style="z-index: 103; left: 229px; width: 690px; position: absolute; top: 131px;

height: 567px">[CONTENTPANE]

</div>
 
New Post
10/4/2006 11:14 AM
 
James Brown


Joined: 6/29/2004
Posts: 319
I do not think you are clear about what you are asking. You cannot make the contentpane disappear, it is the only pane in a skin that DNN requires.  I would suggest using  the stylesheet, rather than specifying your styles in the skin itself.  You are specifying a height for the content pane, so it will always be there.  I have found in designing DIV based skins that it is not a good idea to specify absolute positions for any panel below the first pane that will contain content or the height of any content pane because you cannot predict how much space the content will occupy.  Also may not work well if your users may be using different logos - again because you cannot predict what size graphic they will use.

 <div class="contentpane" style="z-index: 103; left: 229px; width: 690px; position: absolute; top: 131px;
runat="server"></div>
 
New Post
10/4/2006 12:16 PM
 
Tim OBrien

www.obrienit.se
Joined: 3/31/2004
Posts: 147
I take it you mean the controlpanel not the contentpane?

I don't think you can really do this with absolutely positioned divs. I have some skins using divs over at http://www.xhtmlskins.com - feel free to take a look. I have fiddled with DNN to make it produce valid xhtml - the tutorial on how to get valid xhtml out of DNN 3.2.2 is (confusingly!) over at my business site - http://www.obrienit.se.

The main XHTMLSkins.com Skin should work OK even with an unmodified version of DNN - look at this site which is currently running a vanilla(ish) DNN3.2.2 install - http://www.kontrollelektronik.com
www.OBrienIT.se | Free DNN skins in valid xhtml
 
New Post
10/4/2006 8:21 PM
 
Pieter Siegers

www.icalendula.com
Joined: 11/11/2005
Posts: 131

Yes, of course, I meant ControlPanel, not ContentPane - sorry for the confusion!

I'll take a look at your site, but actually I'm designing for DNN 4.3.5, don't know if this makes any difference with DNN 3.2.2?
 
New Post
10/5/2006 2:07 AM
 
Anne Anderson

www.studio3.net.au
Joined: 8/2/2003
Posts: 4

Assuming you mean the controlPanel, not the content pane, you need to take the width out of the css in the controlPanel.

Even if the width is auto or 0, a small section still appears.

Hope this is helpful.

 

 
 
 Page 1 of 3
123Next 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Skin based on DIVsSkin based on DIVs


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