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...Administration ...Administration ...How do I adjust the width of the left, right, and content panes?How do I adjust the width of the left, right, and content panes?
Previous
 
Next
New Post
6/2/2006 12:04 PM
 
How do I adjust the width of the left, right, and content panes?  Can these adjustments be made to individual pages or can they only be applied to all pages in the portal? 
 
New Post
6/2/2006 2:19 PM
 

I am fairly certain that the skin applies to the entire portal, not individual pages.

To change the widths, you need to edit the .CSS file for your skin.  Look for ".leftpane", ".rightpane", and ".contentpane".  Each one of these has a width attribute.  For the left and right panes, the attribute values are typically set to a number of pixels - for my skin, they are "175px".  For the content pane, the attribute value is usually set to "100%" which means that it will size itself to fill the space - that is, if you have nothing in the right pane (for example) then the content pane will fill the space.

Once you have made your edits, just re-zip into the skin zip file and upload the changed skin definition.  Hope this helps...

- Ron.

 
New Post
6/3/2006 2:30 PM
 

RE: HowTo Set the Width of the .RightPane (fixed width)
DNN 4.0.3

I'm ultra new to DNN and CSS too.  I want to fix the width of a portal's .RightPane - so inside a portal logged in as Admin - I select Site Settings > Stylesheet Editor and I change the following from:

.RightPane {
}

... to:

.RightPane {
 width: 500px;
 background-color: transparent;
 padding-left: 6px;
 padding-right: 4px;
 padding-top: 6px;
}

(a snippet of code I found in C:\DotNetNuke\Portals\_default\Skins\DNN-BlueDNN\skin.css).  I've exaggerated the desired width to 500px, just so I could see a 'big' change.  After clicking "Save Style Sheet" then "Update", I "Preview", but there's no change in Right Pane width.  Shouldn't the Site Stylesheet Editor be the place I could make that .RightPane width change affect the whole portal?  I must be missing something... obiviously?

PS: C:\DotNetNuke\Portals\0\portal.css contains the changes I made in Stylesheet Editor...


If a problem can be solved, there's no use worrying about it.
If it can't be solved, worrying will do no good.
 
New Post
6/3/2006 8:17 PM
 
The skin.css file overrides portal.css.
 
New Post
6/4/2006 7:30 AM
 
I'm still a newbie too, so I've not tried doing it that way.  I've had the need to make many changes to a skin I found for my site, so I've worked directly in the .CSS file then re-packaged it and uploaded it to my site.
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...How do I adjust the width of the left, right, and content panes?How do I adjust the width of the left, right, and content panes?


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