You need to Register for free and Login to post a message in the forum.

Forum

Subject: Specifying width of container in left pane
Prev Next
You are not authorized to post a reply.

Author Messages
jimpan
Nuke Active Member
Nuke Active Member
Posts:21

08 Aug 2006 8:27 AM  

Hi.  I have created a skin/container package that is ready to go but I have one problem.  According to documentation the leftpane class in the skin.css file specifies a width of 175px as a default.

Well I do not believe this works at all.  A simple test I have done was to start with an empty page using say DNN-blue and just place a text/html container to the left pane only.  Changing the width value to say 500px, will not budge the width of the container at all.

Strangely though, it will change the container width if you specify a % instead of px!!!

Why does this happen?

Basically what I am trying to do is specify an area of testimonials, but the width of the container ends up being only around 40-50px wide.  I need it to be around 175px as specified in the leftpane in the skni.css.

Here is my definition of the leftpane:

.leftpane {
 width: 175px;  
 background-color: transparent;
 padding-left: 1px;
 padding-right: 1px;
 padding-top: 6px;
}

Thanks to anyone offering help.

Cheers Jim.

jimpan
Nuke Active Member
Nuke Active Member
Posts:21

08 Aug 2006 8:29 AM  
One more thing. The container is set to be 100% wide so that takes up the whole width of whatever pane it is inserted into. Basically I have used an already created container from DNN-blue to keep it simple.

Thanks Jim
jimpan
Nuke Active Member
Nuke Active Member
Posts:21

08 Aug 2006 8:32 AM  
Also I am using DNN 4.3.3. Sorry I should have mentioned this earlier.
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3426

08 Aug 2006 9:09 AM  
Hi Jim,

Ok, if we are working from the DNN Blue skin. The first thing you need to check is that there is room for the width. - This caught me out when I was looking at it for you.

Take the default Home page and delete the module from the right pane.

Go to the skin.css file

remove from the .contentpane class width:100%

in the leftpane class you can now specify a width in pixels and the width will change ie. width: 300px

You will see that the left pane expands.

It will be a matter of you experimenting with the content and width settings for these various elements.

Hope this gives you a starting point.

Thanks,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
jimpan
Nuke Active Member
Nuke Active Member
Posts:21

08 Aug 2006 9:19 AM  
Thanks Lee.

I did a quick test and this seems to work. Boy...I think I would never had worked that out. Can be tricky.

Thanks again.
Jim
jimpan
Nuke Active Member
Nuke Active Member
Posts:21

08 Aug 2006 11:57 PM  
Hmmm. Seemed to be a winner, but not really getting the results I want. Seems to be fine when it is in IE 6, but on Mozzila Firefox, things do not look as nice or even.

I guess the best thing to do is to define a 1px image in my skin file for the left and right content panes and assign the classes leftpane and rightpane respectively. I have done some quick tests and this seems the way to go.

If anyone else has come up with a way to clearly define the width of the leftpane and rightpane and would look good and even no matter what is in the containers and also looks good and even in Firefox, please let me know.

Thanks again Lee.
You are not authorized to post a reply.
Forums > DotNetNuke® > DotNetNuke® Questions > Specifying width of container in left pane



ActiveForums 3.7

Latest Forum Posts

RE: Child portal to live site by psgrzelak
Ok the original site that I had a standard web site was jacksonnjgop.com I than created a child port...
RE: Child portal to live site by jncraig
Is there any URL that will get me to your site?
RE: Child portal to live site by jncraig
"Ok I changed the A record of the Jackson site to point to the IP address of the DNN portal. I than...
RE: Child portal to live site by jncraig
I'm sorry that I offended you.  I was trying to give an honest answer.  That answer is, I continue t...
RE: Child portal to live site by psgrzelak
Kind of a round about way of answering my question without answering it.... I prefer the straight fo...
RE: Child portal to live site by jncraig
A subscription to this site will let you view the tutorials.  I believe that will be useful.  In fac...
RE: Child portal to live site by psgrzelak
Ok I changed the A record of the Jackson site to point to the IP address of the DNN portal. I than w...
RE: DotNetNuke News 8th Dec 08 by jncraig
Yes, I'm getting an error, also. But ... you can probably get the podcast from this link: http...
RE: Can't Login! Login Page can't be accessed... by jncraig
This table is part of your DotNetNuke database.You might first want to review these tutorials to hel...
DotNetNuke News 8th Dec 08 by pwadding
When I attempt to download the  Podcast I get an error message. Tried both servers. The first few li...
RE: Can't Login! Login Page can't be accessed... by e-kreator
a database that you mean.
RE: DotNetNuke 4.9.1 and 5.0.0 by jncraig
Yes, lots of learning, lots of new things and new ways.  I played a little with Beta6 of DotNetNuke ...
RE: PDF File Content by jncraig
If you want to just serve up the PDF files as PDF files, upload them using the File Manager.  You ca...
RE: Navigating between modules by jncraig
What is the URL that is generated? To which page does it send you?
RE: New Logo cant display by jncraig
There is nothing wrong with this, provided that you did it correctly.  I would have to look at your ...
RE: Child portal to live site by jncraig
You should set DNS to point the URL to the IP address of the DotNetNuke installation.  Inside of the...
RE: PopUp Page by jncraig
To open a link in a new window, format the link this way:Link to us! It is the target="_blank" that...
RE: How to Change fckeditor alignment by jncraig
It might be easier to use a different skin for your administrative pages. There have been some ot...
RE: Can't Login! Login Page can't be accessed... by jncraig
If you have access to your database, look at the Portals table.  Make sure that LoginTabID is set to...
RE: Can't Login! Login Page can't be accessed... by e-kreator
Hello my problem is that the configuration management in login page page was sent to a Web page that...
AppTheory
RSS Feeds