How can one get word wrap functionality for a Label
for text which goes out of bounds?
20 Answers
Actually, the accepted answer is unnecessarily complicated.
If you set the label to AutoSize, it will automatically grow with whatever text you put in it. (This includes vertical growth.)
If you want to make it word wrap at a particular width, you can set the MaximumSize property.
myLabel.MaximumSize = new Size(100, 0);
myLabel.AutoSize = true;
Tested and works.
-
12If you have the label snap into it's container, you can switch off AutoSize, leave the max size property as it is, and it will word-wrap exactly as we want. KISS at work! May 25, 2011 at 9:39
-
-
1@Sam: Yes you can, you just set the proper "anchor" properties. Have you even tried it? Oct 9, 2012 at 16:49
-
1Sam: you should be able to set the
Dock
property of both the label and panel toTop
, instead of my solution. Oct 24, 2012 at 20:06 -
2I have latched on to
OnResize
in the parent and callmyLabel.MaximumSize = new Size(Bounds.Width, 0);
Dec 14, 2012 at 6:19
The quick answer: switch off AutoSize.
The big problem here is that the label will not change its height automatically (only width). To get this right you will need to subclass the label and include vertical resize logic.
Basically what you need to do in OnPaint is:
- Measure the height of the text (Graphics.MeasureString).
- If the label height is not equal to the height of the text set the height and return.
- Draw the text.
You will also need to set the ResizeRedraw style flag in the constructor.
-
14Select the label you're dynamically adding text to. Look at the properties for the label and turn off AutoSize. You will now be able to drag/set the area for the label and it will automatically auto-wrap to stay within those parameters. No need for any additional coding. Jun 11, 2012 at 16:55
-
This is precisely what I was looking for as it pertains to formatting my form with explanatory text that is in a paragraph form. Oct 23, 2017 at 19:25
-
1@madeFromCode You'd need to set the height programmatically if you want the label to expand vertically else your text will be clipped.– EdwinAug 15, 2018 at 10:15
In my case (label on a panel) I set label.AutoSize = false
and label.Dock = Fill
.
And the label text is wrapped automatically.
-
This makes the label fill the entire form and make it obscure all other controls in the form... That is, it does not seem to work. Are there other requirements such that it will not fill the entire form? Jan 14, 2014 at 12:14
-
6the label is on a panel, not on the form directly. Therefore the text does not exceed the bounds of the panel– alex555Jan 14, 2014 at 14:19
-
OK, but then wouldn't it obscure all other controls in the panel? Jan 14, 2014 at 14:35
-
1What prevents you from creating an extra panel containing only the label?– alex555Jan 15, 2014 at 8:23
-
That seems like some extra layout that should be unnecessary. Surely the label should have its own box rather than needing to be put into another box.– EdwinAug 15, 2018 at 10:06
There is no autowrap property but this can be done programmatically to size it dynamically. Here is one solution:
Select the properties of the label
AutoSize
=True
MaximumSize
= (Width, Height) where Width = max size you want the label to be and Height = how many pixels you want it to wrap
-
5One more note, if you leave the maximum height at 0, it will continue to expand vertically. May 7, 2014 at 15:41
-
My label doen't have the AutoSize and MaximumSize properties, how can I add these ? Apr 14, 2015 at 7:56
From MSDN, Automatically Wrap Text in Label:
using System;
using System.Text;
using System.Drawing;
using System.Windows.Forms;
public class GrowLabel : Label {
private bool mGrowing;
public GrowLabel() {
this.AutoSize = false;
}
private void resizeLabel() {
if (mGrowing)
return;
try {
mGrowing = true;
Size sz = new Size(this.Width, Int32.MaxValue);
sz = TextRenderer.MeasureText(this.Text, this.Font, sz, TextFormatFlags.WordBreak);
this.Height = sz.Height;
}
finally {
mGrowing = false;
}
}
protected override void OnTextChanged(EventArgs e) {
base.OnTextChanged(e);
resizeLabel();
}
protected override void OnFontChanged(EventArgs e) {
base.OnFontChanged(e);
resizeLabel();
}
protected override void OnSizeChanged(EventArgs e) {
base.OnSizeChanged(e);
resizeLabel();
}
}
-
In order to break on characters rather than words (useful when you have long strings without spaces such as file paths), use (TextFormatFlags.WordBreak | TextFormatFlags.TextBoxControl) instead. See the last post in the same MSDN thread. Feb 22, 2010 at 13:17
-
1Also, don't forget to include label's top and bottom padding in the calculation (
Height = sz.Height + Padding.Vertical;
) Sep 17, 2014 at 5:57
I had to find a quick solution, so I just used a TextBox with those properties:
var myLabel = new TextBox
{
Text = "xxx xxx xxx",
WordWrap = true,
AutoSize = false,
Enabled = false,
Size = new Size(60, 30),
BorderStyle = BorderStyle.None,
Multiline = true,
BackColor = container.BackColor
};
-
1This is a good solution, but I might prefer using ReadOnly to setting Enabled to false.– PahJokerNov 1, 2015 at 1:52
-
1This is an imaginative solution that also works well on Compact Framework (where Label does not have AutoSize and MaximumSize properties). May 26, 2016 at 8:22
Have a better one based on @hypo 's answer
public class GrowLabel : Label {
private bool mGrowing;
public GrowLabel() {
this.AutoSize = false;
}
private void resizeLabel() {
if (mGrowing)
return;
try {
mGrowing = true;
int width = this.Parent == null ? this.Width : this.Parent.Width;
Size sz = new Size(this.Width, Int32.MaxValue);
sz = TextRenderer.MeasureText(this.Text, this.Font, sz, TextFormatFlags.WordBreak);
this.Height = sz.Height + Padding.Bottom + Padding.Top;
} finally {
mGrowing = false;
}
}
protected override void OnTextChanged(EventArgs e) {
base.OnTextChanged(e);
resizeLabel();
}
protected override void OnFontChanged(EventArgs e) {
base.OnFontChanged(e);
resizeLabel();
}
protected override void OnSizeChanged(EventArgs e) {
base.OnSizeChanged(e);
resizeLabel();
}
}
int width = this.Parent == null ? this.Width : this.Parent.Width;
this allows you to use auto-grow label when docked to a parent, e.g. a panel.
this.Height = sz.Height + Padding.Bottom + Padding.Top;
here we take care of padding for top and bottom.
Put the label inside a panel
Handle the
ClientSizeChanged event
for the panel, making the label fill the space:private void Panel2_ClientSizeChanged(object sender, EventArgs e) { label1.MaximumSize = new Size((sender as Control).ClientSize.Width - label1.Left, 10000); }
Set
Auto-Size
for the label totrue
Set
Dock
for the label toFill
All but step 2 would typically be done in the designer window.
-
Are steps 3 and 4 done in the designer? Any reason why they are step 3 and 4? Jan 10, 2014 at 20:02
-
They are done in the designer (but could be done in code if you need it to) and there's no reason for the order.– noelicusJan 11, 2014 at 11:02
Not sure it will fit all use-cases but I often use a simple trick to get the wrapping behaviour:
put your Label
with AutoSize=false
inside a 1x1 TableLayoutPanel
which will take care of the Label
's size.
If your panel is limiting the width of your label, you can set your label’s Anchor property to Left, Right and set AutoSize to true. This is conceptually similar to listening for the Panel’s SizeChanged
event and updating the label’s MaximumSize to a new Size(((Control)sender).Size.Width, 0)
as suggested by a previous answer. Every side listed in the Anchor property is, well, anchored to the containing Control’s respective inner side. So listing two opposite sides in Anchor effectively sets the control’s dimension. Anchoring to Left and Right sets the Control’s Width property and Anchoring to Top and Bottom would set its Height property.
This solution, as C#:
label.Anchor = AnchorStyles.Left | AnchorStyles.Right;
label.AutoSize = true;
-
1Doesn't work. The Label increases the width of my panel just that it doesn't have to wrap. Unfortunately, the window is not as wide.– ygoeAug 24, 2015 at 17:39
If you really want to set the label width independent of the content, I find that the easiest way is this:
- Set autosize true
- Set maximum width to how you want it
- Set minimum width identically
Now the label is of constant width, but it adapts its height automatically.
Then for dynamic text, decrease the font size. If necessary, use this snippet in the sub where the label text is set:
If Me.Size.Height - (Label12.Location.Y + Label12.Height) < 20 Then
Dim naam As String = Label12.Font.Name
Dim size As Single = Label12.Font.SizeInPoints - 1
Label12.Font = New Font(naam, size)
End If
This helped me in my Form called InpitWindow: In Designer for Label:
AutoSize = true;
Achors = Top, Left, Right.
private void InputWindow_Shown(object sender, EventArgs e) {
lbCaption.MaximumSize = new Size(this.ClientSize.Width - btOK.Width - btOK.Margin.Left - btOK.Margin.Right -
lbCaption.Margin.Right - lbCaption.Margin.Left,
Screen.GetWorkingArea(this).Height / 2);
this.Height = this.Height + (lbCaption.Height - btOK.Height - btCancel.Height);
//Uncomment this line to prevent form height chage to values lower than initial height
//this.MinimumSize = new Size(this.MinimumSize.Width, this.Height);
}
//Use this handler if you want your label change it size according to form clientsize.
private void InputWindow_ClientSizeChanged(object sender, EventArgs e) {
lbCaption.MaximumSize = new Size(this.ClientSize.Width - btOK.Width - btOK.Margin.Left * 2 - btOK.Margin.Right * 2 -
lbCaption.Margin.Right * 2 - lbCaption.Margin.Left * 2,
Screen.GetWorkingArea(this).Height / 2);
}
If the dimensions of the button need to be kept unchanged:
myButton.Text = "word\r\nwrapped"
The simple answer for this problem is to change the DOCK property of the Label. It is "NONE" by default.
If you are entering text into the label beforehand, you can do this.
- In the designer, Right-Click on the label and click Properties.
- In Properties, search for text tab.
- Click in the tab and click on the arrow button next to it.
- A box will popup on top of it.
- You can press enter in the popup box to add lines and type as in notepad! (PRESS ENTER WHERE YOU WANT TO WRAP THE LABEL TEXT)
I would recommend setting AutoEllipsis
property of label to true
and AutoSize
to false
. If text length exceeds label bounds, it'll add three dots (...)
at the end and automatically set the complete text as a tooltip. So users can see the complete text by hovering over the label.
I have a label that autowraps and grows to whatever size in a right docked autosize panel, whose width is set by other content.
Label (in tablelayoutpanel) Autosize = True.
TableLayoutPanel (in panel) Autosize = True, AutoSizeMode = GrowAndShrink, Dock = Bottom, one Column SizeType = 100%, one Row SizeType = 100%.
Panel (right docked in form) AutoSize = True, AutoSizeMode = GrowAndShrink, Dock = Right.
Use System.Windows.Forms.LinkLabel instead of Label and set the property LinkArea as below.
myLabel.LinkArea = new LinkArea(0, 0);
Use style="overflow:Scroll"
in the label as in the below HTML. This will add the scroll bar in the label within the panel.
<asp:Label
ID="txtAOI"
runat="server"
style="overflow:Scroll"
CssClass="areatext"
BackColor="White"
BorderColor="Gray"
BorderWidth="1"
Width = "900" ></asp:Label>
-
3Voting this down is fine, but at least say why you did it. The reason this was voted down is because an <asp:Label> is not used in WinForms. This answer is for the wrong platform.– theJermFeb 6, 2013 at 5:08
-
4