CODEWITHSUNDEEP
xamlwindows-phone-8.1winrt-xaml
Dave Demirkhanyan
Dave Demirkhanyan

Reputation: 570

Remove blank space from Pivot Item in Windows Phone 8.1 App

How to get rid of the blank space between a pivots item and the pivots borders?
I tried setting the margin and the padding to 0 but it does not help much. The reason I want to do this is the following - I figured that changing the template of the pivot to have a static ( not moving) header for three items is a bit hard and therefore I just put a StackPanel with three buttons above the pivot with three items, and I would manually select the pivot item in code behind when someone pushes the button. This approach is good enough for me, but has a certain flaw- a blank space between the items and the StackPannel , how can I remove it ? 

<StackPanel Orientation="Vertical">
    <StackPanel Orientation="Horizontal"> 
        <Button Click="Button_Click"/> 
        <Button Click="Button_Click_1"/> 
        <Button Click="Button_Click_2"/> 
    </StackPanel>
    <Pivot>
        <PivotItem>
            <local:someControl /> 
        </PivotItem>
        <PivotItem>
            <local:someControl />
        </PivotItem>
        <PivotItem>
            <local:someControl /> 
        </PivotItem>
    </Pivot>
</StackPanel>

Upvotes: 2

Views: 1107

Answers (2)

Owen James
Owen James

Reputation: 628

Setting the Pivot margin to negative works, but there is a better way using styles.

<Pivot>
    <Pivot.Resources>
        <Style TargetType="PivotItem">
            <Setter Property="Margin" Value="0"/>
        </Style>
    </Pivot.Resources>

    <PivotItem .../>
    <PivotItem .../>
</Pivot>

Upvotes: 2

Mostafiz Rahman
Mostafiz Rahman

Reputation: 8522

You can use negative value as margin to remove that blank space. Simply try 

<Pivot Margin="0, -25, 0, 0">

Replace 25 with your desired value.

Upvotes: 3

Related Questions