UWP TabView scroll button

Question

I find out that the tabs of TabView can be scrolled when there is an overflow. And I can scroll them using the buttons I circled out in the image I posted above.

However, I can't find out how to modify them. I just want to set their BorderThickness to 0. Can someone point them out in the source style of my TabView?

score 1 · Accepted Answer · answered Oct 21 '19 at 07:06

The RepeatButton in your PlaylistTabView.xaml represents the style of the Button which you circled out, so you can set the BorderThickness to 0 in it. Note that there are two RepeatButtons in your xaml, so you need to set them both.

PlaylistTabView.xaml:

<RepeatButton
                 x:Name="ScrollBackButton"
                 VerticalAlignment="Stretch"
                 Background="Transparent"
                 BorderThickness="0"
                 Delay="50"
                 FontFamily="Segoe MDL2 Assets"
                Interval="100"
                Style="{StaticResource RepeatButtonRevealStyle}"
                Visibility="{Binding ScrollableWidth, Converter={StaticResource GreaterThanToleranceVisibilityConverter}, RelativeSource={RelativeSource TemplatedParent}, FallbackValue=Collapsed, TargetNullValue=Collapsed}">
                                &#xE76B;
</RepeatButton>

Ah, it is in the `ScrollViewer`. No wonder I couldn't find it... — Seaky, Oct 21 '19 at 08:39

UWP TabView scroll button

1 Answers1

Linked