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, ...Adjusting pane widthAdjusting pane width
Previous
 
Next
New Post
3/20/2008 4:17 PM
 

open skin.ss and add this at the bottom:

.DNNEmptyPane {
width:0px;
}

 
New Post
3/20/2008 6:29 PM
 

Timo Breumelhof wrote

open skin.ss and add this at the bottom:

 

.DNNEmptyPane {
width:0px;
}

 

That's not going to work. For some reason the skin has a couple of gifs at the bottom of the left and right panes fixing the widths to 150px.

Eileen, if you've managed to find which file is the skin you're using - it will probably be in portals/_default/skins/DNNgray(or something)/name of skin.ascx - there are several skins there but it looks like you're using the fixed-width gray one. Open the file in a text editor, look for the following tag in two places and delete it:

(img width="150" height="1" src="spacer.gif"/)

Note that it will have angle brackets either side, not rounded brackets(had to use the latter so that the code will be visible here in the forum)

Note also that you should not click the Parse Skin link in the skins page for this skin as that will overwrite your changes and you would have to do it again. If you want to avoid this then you shuold instead make the change to the skin-name.htm file and click the parse button. This will regenerate a new skin-name.ascx file with the change permanently in it.

All of this is well beyond the content management aspect of using a DNN portal and if you're going to persue it then be prepared for a major learning curve. There's really nothing simple about it... until you know it all... and even then you have to wear a helmet.

Rob

(and Timo, thanks for sending that info and screengrabs through.. I'm still getting around to giving it all another good going over and then I'll get back with any results)

 
New Post
3/21/2008 10:19 AM
 

Robax is correct there are two spacer images holding the table rows open. Instead of allowing them to collaps to 6px by 6px as expected.

Eileen one of the best advices I can give you when starting to learn skinning is to download firefox and add the firebug add-on. It lets you "inspect" a webpage, you can then mouse over the page and it will highlight the html code and any CSS affecting the current item. I love this cause it also shows all the CSS that are being cascaded together. So I can see there are 3 different CSS files affecting an element and which elements were overwritten and which are inhereted. You can learn oh so much from firebuging your / others DNN sites. It also helps to find little hidden things in skins you download. Your skin is a perfect example. Two white spacer images of 150px used to cause the "forced" table widths instead of collapsing.

 

Timo/Sebastian could we maybe add the firefox/firebug information to the sticky. I hate to pimp a product but both are free and work so very very well. To be fair to microsoft you can post their web developer tool / link as well. I think it could really help people new to skinning get a better feel for exactly what is going on in their skins. It has saved me hours and hours of frustration with my skins, when something doesn't work right. Its also how I found out there is a .DNNEmptyPane class that causes the collapse of the table / div tag if the cell is empty. Just a suggestion. Not sure the best contact for that but I know your on the core skinning group.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Adjusting pane widthAdjusting pane 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