Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Wrap text within a asp:Button

I was using a LinkButton and it had like lot of text in it which made it quite long. This was fine as the LinkButton wrapped the text onto the next line when it ran out of room.

I then changed this to a standard asp:Button and the problem is the text doesn't wrap the button just becomes as long as the text. This is a problem because it forces the container it is within to be longer than I intended.

Is there a way to make the text of the button wrap?

like image 305
Coder 2 Avatar asked Mar 11 '11 02:03

Coder 2


2 Answers

You can do that by setting a width and the CSS property white-space: normal:

This goes in your <head>

<style type="text/css">
    .wrap { white-space: normal; width: 100px; }
</style>

And your button:

<asp:Button ID="btn" runat="server" Text="some really breally long text that I want to wrap" CssClass="wrap" />
like image 180
wsanville Avatar answered Oct 21 '22 20:10

wsanville


<asp:Button ID="btn" runat="server" Text="some really breally long &#010; text that I want to wrap"  />

This question was helpful and wanted to point out if we want to break the text in a specific spot we could also by adding the within the text value.

I also marked wsanville answer as useful.

like image 24
Catto Avatar answered Oct 21 '22 22:10

Catto