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

Forum

Forums > Skinning Toolkit > Skinning Toolkit
Subject: Fixed Container Skin
Prev Next
You are not authorized to post a reply.

Author Messages
mnguyen4311
Nuke Newbie
Nuke Newbie
Posts:7
20 Jun 2008 9:45 PM  
Hello Forum,

I'm new to DNN and been playing around with the DNN-Blue skin.  I've noticed that the container will expand to fit the length of any modules even though I am using the fixed width skin.  Where do I force the container to be a fix width and height?  eg. I want my container width to be 200px and if any module title that is longer than 200px it will either wrap around or the font will decrease to fit into the 200px restriction.  Thanks for your help.

-Minh
leesykes

Posts:3002
25 Jun 2008 5:03 AM  
Hello,

If you look in the skin.css file for the DNN Blue skin you will see the widths for each content pane are specified in the:

.leftpane
.contentpane
.rightpane

classes.

So, there you can change the width for each of the content panes. However, if you add a text module into a content pane with a width of 200px and you place in the text / html module an image of 250px it will still force the width wider to 250px, so you need to be careful what type of content you add into the content panes so that it does not expand the widths. Thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts
mnguyen4311
Nuke Newbie
Nuke Newbie
Posts:7
01 Jul 2008 3:14 PM  
Hi Lee,

Thanks.  I guess my question was really, how do I force the width to be 200px even if the image in text/html module is 250px and not expand to fit the image?
leesykes

Posts:3002
02 Jul 2008 3:29 AM  
ok, I've just spent a while testing various elements in the default DNN Blue skin with DNN 4.8.4

If an image is larger that the width, there is no method for not allowing it to expand the width of the content pane.

However, it is possible to get the Titles to wrap.

The problem is with how the DNN Blue Container has been set up.

Open: Image Header - Color Background.ascx

look for this line:

< TD valign="middle" width="100%" nowrap > < dnn:TITLE runat="server" id="dnnTITLE" / >< / TD >

remove nowrap

This will allow the titles to wrap to the correct width

Also I noticed that I could not set the correct widths for the content panes, this is also caused by the container, look for the last line:

    < img src="< % =SkinPath % >spacer.gif" height="10" width="150" border="0" >

Delete this line as it forces all containers to have a min width of 150px

Then to resize the width of the content panes, look in the skin.css file for:

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

.contentpane {
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.rightpane {
    width: 50px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}

Here you can see on the left and right panes I have reduced the width to 50px

Hope this helps, thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts
You are not authorized to post a reply.
Forums > Skinning Toolkit > Skinning Toolkit > Fixed Container Skin


ActiveForums 3.7

Latest Forum Posts

[HOUSEMENU] token not working by whred5
HiI have been playing around with the Lazy_Days skin in an effort to learn css based skinning, I hav...
RE: Building a website with DNN by freedom22
Lee or Joe, I meant that the skin.css file I downloaded has classes like .main_dnnmenu_item td w...
RE: Building a website with DNN by freedom22
Lee, thanks for your reply. I did find the files. I am going through your tutorail, and in video7...
RE: page publish date by leesykes
I would suggest you view these tutorials:User Accounts new features User Accounts and User Settings ...
RE: page publish date by jncraig
I'm not quite sure that I understand you, but ... on the user accounts page there are these options:...
RE: Best so far for me by jncraig
I like the Snapsis CSS Nav Menu. You'll find it at Snapsis.com.
RE: How to limit access to the admin menu.... by leesykes
Hello,Simply reverse the process, you can copy the settings from one of the other admin menu items t...
RE: How to limit access to the admin menu.... by tallorder
Shame about the parent page drop down being grey out since any Site Administrator is going to want t...
RE: Host and Admin user login not working on remote host by paulrobinson
A couple of quick questions: 1. Can I format the login page to the same as my other Text/HTML mo...
RE: Host and Admin user login not working on remote host by leesykes
Hello,Great, glad to help, have you had a look here for some SEO articles and interviews
RE: A question about permission? by leesykes
ok great, glad to help,
RE: A question about permission? by derpir
Your e-mail helped thanks I now have all my permissions set as they should. thanks
RE: Host and Admin user login not working on remote host by paulrobinson
Lee, Thanks for your help on this - there was actually a character dropped off the end of the machi...
RE: A question about permission? by derpir
one question... After getting the permissions... Shouldn´t I be able to do all my development at...
RE: Solpartmenu and line breacks by leesykes
Hello,If you have a look in the CSS Reference Book p108Word-wrapThis is an Internet Explorer 5.5 or ...
RE: A question about permission? by derpir
Thank you Lee! I sent your reply suggestion and I hope they will understand better what I wanted fr...
RE: A question about permission? by leesykes
hello,In order for DNN to operate correctly it needs full read and write permissions for the Network...
RE: Host and Admin user login not working on remote host by leesykes
you will be able to register as a new user if the machine keys are incorrect, but can you login as a...
RE: centering a page in dnn by leesykes
Yes I have not come across a solution to that either and I think it occurs in all browsers.Thanks,
RE: redirecting registered user to a specific page by leesykes
if you are experimenting with users, I would suggest you look at these tutorials:User Accounts new f...
AppTheory
RSS Feeds