how to make 2 lines text in button

Question

4.00/5 (1 vote)

See more:

Hi all
i have buttons with fixed size and the text of each is dynamically set
my problem: when the text is long , the button cuts it,
i want to make the long text in 2 lines and re-size it to fit the button automatically
my button code

ASP.NET

<asp:Button ID="btnSubCat1" runat="server" Text="Button" onclick="subCatClick"
                           Visible="False" Width="100px" Height="50px"/>

code behind:

C#

btnSubCat1.Text = dr["NAME"].ToString();
               btnSubCat1.Visible = true;

Posted 27-Mar-14 4:31am

M. Daban

Add a Solution

Comments

BELGIUMsky 27-Mar-14 10:35am

Did you try using height auto?

M. Daban 27-Mar-14 10:41am

!!! how to use it?

BELGIUMsky 27-Mar-14 10:49am

Don't seem to find it again but maybe the solution to this question can help you out
wrap text within a aspbutton[^]

M. Daban 27-Mar-14 11:02am

its work , thank you

3 solutions

Solution 2

There are at least to forms of button in HTML. In one form, you can use the break element to show more than one line:

HTML

<button>First Line<br/>Second Line</button>

If I'm not much mistaken, ASP.NET uses a different form of it (please check it up):

HTML

<input type="button" value="Some Text"/>

Even if ASP.NET uses the second form based on input element, you can use the first form, in order to have some multiline button text, and handle the click directly via Javascript. Or create your own ASP.NET control based on this HTML.

As a bonus, you will get understanding of how ASP.NET and ASP.NET controls really work. :-)

[EDIT]

Solution 3 will also work, but it is not quite clean one, even though in practice it probably (sic!) should work in all platforms. In my comment to it, I tried to explain why.
Please see: http://en.wikipedia.org/wiki/End_of_line[^].

—SA

Posted 27-Mar-14 4:48am

Sergey Alexandrovich Kryukov

Updated 27-Mar-14 5:34am

v3

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Kornfeld Eliyahu Peter · Accepted Answer · 2014-03-27T04:53:00

Solution 3

AS addition to SA's solution…
You can use HTML entities inside the value property of the input tag to break line...

HTML

<input type="button" value="Some&#13;&#10;Text"/>

Posted 27-Mar-14 4:53am

Kornfeld Eliyahu Peter

Updated 27-Mar-14 5:32am

v2

Comments

Sergey Alexandrovich Kryukov 27-Mar-14 11:28am

Yes, it will work, but I voted 4. I did not mention this possibility, because there is a problem with it. #13#10 is valid only for some platforms (Microsoft). In practice, it will work only because one of #13 or #10 will be ignored on other platforms, and the other character will be interpreted as end-of-line. This is just not a clean solution.

I credited it in my Solution 2, but see also my update to it, after [EDIT].

—SA

Kornfeld Eliyahu Peter 27-Mar-14 11:37am

OT - my apologizes for that 'SAK' thing. Didn't know you don't like it (and didn't see you use SA only)...

Sergey Alexandrovich Kryukov 27-Mar-14 11:40am

No problem at all. By the way, I use such a long form of my name (my official US name uses only the middle initial 'A'), because my official name I wanted to use from the very beginning was already busy as some other member name, of a totally inactive member. :-(
—SA

Kornfeld Eliyahu Peter 27-Mar-14 13:43pm

We may kick him off for you? :-)

Sergey Alexandrovich Kryukov 27-Mar-14 14:07pm

I don't think it would be appropriate thing to do, no... And people already know who am I...
—SA

M. Daban · Accepted Answer · 2014-03-27T05:05:00

Solution 4

the solution
http://stackoverflow.com/questions/5268354/wrap-text-within-a-aspbutton[^]

thanks for BELGIUMsky

Posted 27-Mar-14 5:05am

M. Daban