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, ...Maximizing Container Width?Maximizing Container Width?
Previous
 
Next
New Post
11/7/2006 7:21 PM
 

Do you have an URL so's I can see it?

 

 
New Post
11/7/2006 9:39 PM
 

I would expect that your pane width is being determined by the contents of the larger module. Some modules have fixed widths, some shrink around their contents, and some expand to fill the space. Clearly your smaller module is not expanding to fill the space made by the bigger one.

The workaround will depend on exactly what modules and contents are being used. If these are simply text/html modules containing plain text then have a look at the titles. The width of the pane will be set by the longer title as it stetches the container out wide.

Rob

 
New Post
11/7/2006 9:57 PM
 

I should have added:

As a guide for skinning... make your containers so that they are always trying to be 100% wide, and design your skin panes to limit how wide the containers can go.

  • Make your containers 100% wide
  • Make your primary contentpane 100% wide
  • Make the surrounding panes have no specified width

A lot of third party skins I've looked at don't do this and show that problem that you're having.

Rob

 
New Post
11/8/2006 12:37 PM
 

Thanks for the tip, I'll try that. I currently have the rightpane fixed at 170 pixels. The two modules in the right pane are a text module and a links module. The links module is the one that is larger (lengthy title) that is stretching the pane

The site is an intranet so I can't send a URL.

But here is the css

#pagemaster{
 width: 96%;
 
}
.ContentTable <!--table that holds the panes. THis skin has a left side vertical menu-->
{
 width: 100%;
 height: 100%;
 border: 0px;
 border-collapse: collapse;
 padding: 0px 0px 0px 0px;
 vertical-align: top;
}
.TopPane{
 vertical-align: top;
 text-align: left;
 background-color: transparent;
 padding: 0 6px 0 6px;
}

<!--Left Pane has the menu-->
.LeftPane{
 width: 160px;
 vertical-align: top;
 text-align: left;
 background-color: transparent;
 padding: 6px 0px 4px 0px;
}
.ContentPane{
 vertical-align: top;
 text-align: left;
 background-color: transparent;
 padding: 0 6px 0 6px;
}
.RightPane{
 width:170px;
 vertical-align: top;
 text-align: left;
 background-color: transparent;
 padding: 0 6px 0 0;
}
.BottomPane{
 text-align: left;
 vertical-align: top;
 background-color: transparent;
 padding: 0 6px 0 6px;
}

 
New Post
11/8/2006 2:21 PM
 
Hi Echo

You can always put a bit of html in the module header. Eg a 1pixel high transparent gif set to be the width you need to end up with.

Actually whats really needed I think is a sizing mechanism built into the settings for all modules.

My other work around is to make containers that have a set size.

hope this helps

Ian

Mutate and Survive
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Maximizing Container Width?Maximizing Container Width?


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