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

Aryan Onkar 1 Reputation point
2019-12-06T14:42:08.043+00:00

alt text

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

Universal Windows Platform (UWP)
{count} votes

1 answer

Sort by: Most helpful
  1. Fay Wang - MSFT 5,206 Reputation points
    2019-12-09T05:18:59.653+00:00

    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.

    0 comments No comments