question

AryanOnkar-4936 avatar image
0 Votes"
AryanOnkar-4936 asked ·

[UWP] How to bring the blue pipe closer to the header text of pivot using XAML

alt text


[UWP] How to reduce the space between blue pipe and header text of pivot?

windows-uwp-xaml
pivot.png (2.8 KiB)
· 2
10 |1000 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi, can the following method solve your issue?

0 Votes 0 · ·

Hi, is there any update?

0 Votes 0 · ·

1 Answer

FayWang-MSFT avatar image
0 Votes"
FayWang-MSFT answered ·

Hello,​

Welcome to our Microsoft Q&A platform!

You can change the space by using Style. In the style of PivotHeaderItem, there is a Rectangle control which displays as the blue pipe, its default setting is VerticalAlignment="Bottom", you can try to remove it and change its margin to reduce the space between blue pipe and header text of pivot, like below. About the complete code of style, you can refer to this link.

 < Rectangle x:Name="FocusPipe"
                     Fill="{ThemeResource PivotHeaderItemFocusPipeFill}"
                     Height="2"
                     Margin="0,25,0,0"
                     HorizontalAlignment="Stretch"
                     Visibility="Visible" />

Thanks.


· Share
10 |1000 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.