I've just started playing around with DNN, and wonder if anyone has had the same problem with modules in the side panes not having consistent widths. HTML/Text Modules seem to adopt an expanding width to accomodate the title bar text. Is it possible to nominate the wodth and wrap the text or reduce the font size accordingly?

Michael

From the asp.net forums, I have found this info:

To stretch a pane so that it is of a specific width, you can use this method without editing the skin:

Add a Text/HTML module in the pane you want to stretch. Set the module title to blank and remove the container. Add the following to this module in HTML source mode:

<img src="images/1x1.gif" width="300" height=1">

Change the 300 to whatever width you want for the column.

This is a simple hack, requiring no change to skins/containers code etc. If you ensure that the module referenced above is at the very bottom in the column, it should make no discernible difference to your site's appearance other than forcing the column width to the desired size.

If you are looking to set the width to a specific size which forces the text to wrap around:

There are several techniques: if you check this link:
http://forums.asp.net/search/Search...ageIndex=2

there are several posts regarding width.

The techniques are:

1) edit the .aspx file for the module and set it to a specific width which you set in a css file

2) create a copy of your skin, rename it to "left column fixed width" so that you can remember what the skin is for - In the skin html set the column to a fixed width rather than a percentage.

As a quick hack:

Which doesn't require any alteration of skins, you could add the line break tag into your titles, eg.

This has a very<BR>long title that I<BR>want to scroll

If the quick hack doesn't work for you, I would suggest you have a look at the resources section of the website and the skinning tutorials that are around to get an idea of how it all works.

Hope this helps

NOTE: I've just realised the forum has stripped out the code I have entered - i will fix this asap!

ok, I've re-added the code, read the original post for details.

Thanks for that Lee. Hadn't thought of using HTML Tags on the Module Title, so I'll try this first. Michael

From Skin.css

/* Main Layout */

#sidebar
{
float:left;
width: 175px;
border-top: solid 15px #000000;
text-align:justify;

}
#leftpane
{
width: 175px;


}

FRom index.html

<div id="leftpane" runat="server">

The problme is that when I use the Links module the text does not wrap in the title or the link or the dispaly area. I want to set this up using a style sheet so associates can enter thier own links. I inserted the table based on a search I did , this does sometimes force the Leftpane to 175px, but the text doesnt wrap it is simply cut off.

Any thoughts?

I suspect this is more of a problem with the links module than your code, but I can't read the code that you have entered for you index.htm file here (You need to paste code into visual web developer and then copy it into the forum in order for it to show correctly)

You could try the overflow css property, but I don't think this will work how you need it to. You have the options of:

overflow: auto;
overflow: hidden;
overflow: scroll;
overflow: visible;

Does the text wrap correctly if you are using the text / html module?

And the text not wrap at all with the links module?

If this is the case, you will need to edit the code for the links module

Hello

I have been searching for a solution to a similar problem.

 I have found that the text of my user registration module expands far outside the ContentPane regardless of the width of the pane.  Consequently a section of the registration is either cut off or missing.

I have just found this tutorial:  www.positioniseverything.net/explorer/expandingboxbug.html

 I  hope it  is useful to you I will let you know if it works for me.

Regards

Lynn