WPF button textwrap style

Question

How do I change the default textwrapping style of a button in WPF?

The obvious solution of:

<Style x:Key="MyButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="TextWrapping" Value="Wrap"></Setter>
</Style>

doesn't work, because Textwrapping isn't a settable property here, apparently.

If I try:

<Style x:Key="MyButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <TextBlock Text="{Binding}" Foreground="White" FontSize="20" FontFamily="Global User Interface" TextWrapping="Wrap"/>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

I just get a worthless response from the compiler:

Error   5   After a 'SetterBaseCollection' is in use (sealed), it cannot be modified.

Removing the ControlTemplate tag keeps the error.

The following attempt yields a different error:

    <Setter Property="TextBlock">
        <TextBlock Text="{Binding}" Foreground="White" FontSize="20" FontFamily="Global User Interface" TextWrapping="Wrap"/>
    </Setter>

Error   5   The type 'Setter' does not support direct content.

I see that I can set the textwrapping for each button individually, but that's pretty asinine. How can I do it as a style? What are the magic words?

And for future reference, where can I find a list of these magic words, so I can just do this on my own? The MSDN entry is pretty useless when I try to find out about which properties can be set by the setter.

Rob · Accepted Answer · 2013-09-19 01:21:22Z

72

To expand Eric's answer with an example:-

<Button Name="btnName" Width="50" Height="40">
   <TextBlock Text="Some long text" TextWrapping="Wrap" TextAlignment="Center"/>
</Button>

answered Sep 19, 2013 at 1:21

Rob

8231 gold badge8 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

imekon Over a year ago

I didn't have a width and height on the button, instead I used MaxWidth on the text - limits the size and it wraps nicely!

fadden Over a year ago

Change TextBlock to AccessText if you want to be able to specify access keys (Text="_Some long text").

ojonasplima Over a year ago

Make sure to change the Height or Width of Button to Auto depending on winch way you want the TextBlock to expand the button to fit the text.

Danny Beckett · Accepted Answer · 2014-08-30 18:51:54Z

50

I solved this problem by adding a TextBlock to the button, and using it to display the button text instead of the button's Content property. Be sure to set the TextBlock's height property to Auto, so that it grows in height to accommodate the number of lines of text as it wraps.

edited Aug 30, 2014 at 18:51

Danny Beckett

21k27 gold badges114 silver badges144 bronze badges

answered Dec 17, 2010 at 1:08

Eric

7366 silver badges6 bronze badges

3 Comments

John B Over a year ago

This is definitely easier/cleaner than the accepted answer, but his way does work too.

Danny Beckett Over a year ago

See the below answers for examples of the code needed.

Lynn Crumbling Over a year ago

Thank you SO much for mentioning the height=Auto....

itowlson · Accepted Answer · 2009-04-15 23:45:47Z

33

Your second version should work, and does for me, with the caveat that you need to change the TextBlock Text binding:

<!-- in Window.Resources -->
<Style x:Key="fie" TargetType="Button">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type Button}">
        <TextBlock Text="{TemplateBinding Content}" FontSize="20" TextWrapping="Wrap"/>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

<!-- then -->
<Button Style="{StaticResource fie}">verylongcaptiongoeshereandwraps/Button>

Note this completely replaces the button style (i.e. you will need to create your own button chrome if you want it).

Regarding your second question, all writeable dependency properties can be set using a Setter. The reason you were unable to set TextWrapping on a Button via a style is that Button does not have a TextWrapping dependency property (or indeed any TextWrapping property). There are no "magic words," just the names of dependency properties.

answered Apr 15, 2009 at 23:45

itowlson

75k18 gold badges165 silver badges159 bronze badges

1 Comment

mmr Over a year ago

No, there are magic words. In this case, the magic words were "TemplateBinding Content." Thanks for letting me know.

Mike Eshva · Accepted Answer · 2017-07-11 21:25:25Z

11

<Style TargetType="Button">
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate>
                <TextBlock Text="{TemplateBinding Content}" TextWrapping="Wrap" />
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

answered Jul 11, 2017 at 21:25

Mike Eshva

1,16915 silver badges18 bronze badges

1 Comment

Jerry Over a year ago

This is the answer people should choose if they are looking to universally make all of their buttons wrap text without destroying the chrome.

Danny Beckett · Accepted Answer · 2014-08-30 18:47:45Z

6

Here's an example of Eric's answer in C# code-behind:

var MyButton = new Button();

MyButton.Content = new TextBlock() {
    FontSize        = 25,
    Text            = "Hello world, I'm a pretty long button!",
    TextAlignment   = TextAlignment.Center,
    TextWrapping    = TextWrapping.Wrap
};

answered Aug 30, 2014 at 18:47

Danny Beckett

21k27 gold badges114 silver badges144 bronze badges

Comments

slfan · Accepted Answer · 2021-11-01 07:52:18Z

0

To expand @Rob's answer with @fadden's comment:

<Button Width="50" Height="40">
   <AccessText Text="_Some long text" TextWrapping="Wrap" TextAlignment="Center"/>
</Button>

The TextBlock control does not support keyboard hotkeys (_).

answered Nov 1, 2021 at 7:52

slfan

9,129115 gold badges69 silver badges81 bronze badges

Collectives™ on Stack Overflow

WPF button textwrap style

6 Answers 6

3 Comments

3 Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

3 Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related