Is there a way to prevent AppBarButton.Label from wrapping?

Hello, Welcome to our Microsoft Q&A platform! Did you mean that the label no longer wraps automatically when the Label is at the bottom of the AppBarButton ? This is the default behavior of AppBarButton and does not provide an external API to change this behavior. If you want to implement this requirement, you need to modify the style of AppBarButton Try this code: Due to forum reasons, XAML code cannot be posted for the time being, we are actively addressing this issue Xaml Code The key modification is this TextBlock . In the default style, its TextWrapping property is Wrap . Here we can modify it. At the same time, in order to remind the user that the Label is not displayed completely, we can set TextTrimming = "CharacterEllipsis" so that an ellipsis will be displayed when the text overflows. Usage <AppBarButton Label="Test Button" Style="{StaticResource AppBarButtonNoWrapStyle}"/> Thanks

How to prevent AppBarButton.Label from wrapping?

Accepted answer

Richard Zhang-MSFT 6,936 Reputation points

2019-12-18T03:08:29.15+00:00

Hello,

Welcome to our Microsoft Q&A platform!

Did you mean that the label no longer wraps automatically when the Label is at the bottom of the AppBarButton?

This is the default behavior of AppBarButton and does not provide an external API to change this behavior. If you want to implement this requirement, you need to modify the style of AppBarButton

Try this code:

Due to forum reasons, XAML code cannot be posted for the time being, we are actively addressing this issue

Xaml Code

The key modification is this TextBlock. In the default style, its TextWrapping property is Wrap. Here we can modify it.

At the same time, in order to remind the user that the Label is not displayed completely, we can set TextTrimming = "CharacterEllipsis" so that an ellipsis will be displayed when the text overflows.

Usage

<AppBarButton Label="Test Button" Style="{StaticResource AppBarButtonNoWrapStyle}"/>

Thanks
Please sign in to rate this answer.

1 person found this answer helpful.
Hong 1,046 Reputation points

2019-12-18T04:17:39.847+00:00

Thanks a lot. The style works very well.

Hong 1,046 Reputation points

2019-12-20T05:15:31.287+00:00

@RichardZhangWicresoftNorthAmericaL-8157
I have noticed that UseSystemFocusVisuals causes the following exception on Windows 10 Build 16299.

Exception: The text associated with this error code could not be found. Cannot find a Resource with the Name/Key UseSystemFocusVisuals [Line: 0 Position: 0] Type: Windows.UI.Xaml.Markup.XamlParseException Stack trace: at System.Runtime.InteropServices.McgMarshal.ThrowOnExternalCallFailed(Int32, RuntimeTypeHandle) + 0x21 at __Interop.ComCallHelpers.Call(__ComObject, RuntimeTypeHandle, Int32, Type__Impl.UnsafeType, Void*, Void*) + 0xd5 at Windows.UI.Xaml.Controls.IFrame__Impl.Stubs.Navigate(__ComObject, Type, Object) + 0x8e

Is this expected?

Richard Zhang-MSFT 6,936 Reputation points

2019-12-20T05:20:51.98+00:00

With the update of the system version, the style of controls in UWP will also change. UseSystemFocusVisuals should be a property added in the new system, if you want to support the old version, you can delete UseSystemFocusVisuals.

Hong 1,046 Reputation points

2019-12-20T12:56:59.907+00:00

@RichardZhangWicresoftNorthAmericaL-8157 Thank you for the clarification. Do you know which build of Windows 10 starts to support UseSystemFocusVisuals? I do not have to support old builds. I just need to know which min version that I should use.
Sign in to comment

How to prevent AppBarButton.Label from wrapping?

0 additional answers