TabControlEx: TabStripPlacement issues

[imonikov]

Describe the bug

It looks like TabControlEx works properly only with default TabStripPlacement="Top" property. Try to change it to Left, Right, Bottom and see the issue - template parts are located incorrectly.

Steps to reproduce

Set TabStripPlacement Left, Right or Bottom and see the result.

<controlz:TabControlEx TabStripPlacement="Left">
    <TabItem Header="Lorem">
        <TextBlock Text="Lorem ipsum dolor sit amet, consetetur sadipscing"
                   HorizontalAlignment="Center"
                   FontSize="30" />
    </TabItem>
    <TabItem Header="ipsum">
        <TextBox Text="Lorem ipsum dolor sit amet, consetetur sadipscing"
                 HorizontalAlignment="Center"
                 Margin="5" />
    </TabItem>
</controlz:TabControlEx>

Workaround

Set style from Tabcontrol directly:
<controlzex:TabControlEx Style="{StaticResource {x:Type TabControl}}" TabStripPlacement="Left">

Expected behavior

TabStripPlacement="Left":

Actual behavior

TabStripPlacement="Left":

Environment

ControlzEx version=5.0.2
Windows build number: Win10 22H2
Visual Studio: 2017 15.9.51
Target Framework: net472

Screenshots

TabStripPlacement="Bottom":

[imonikov]

I believe <ControlTemplate.Triggers> section should be changed from:

        <ControlTemplate.Triggers>
            <Trigger Property="TabStripPlacement" Value="Bottom">
                <Setter TargetName="PART_HeaderPanel" Property="Grid.Row" Value="1" />
                <Setter TargetName="PART_ItemsHolder" Property="Grid.Row" Value="0" />
                <Setter TargetName="PART_ItemsHolder" Property="Margin" Value="2 0 2 2" />
                <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                <Setter TargetName="RowDefinition1" Property="Height" Value="Auto" />
            </Trigger>
            <Trigger Property="TabStripPlacement" Value="Left">
                <Setter TargetName="ColumnDefinition0" Property="Width" Value="Auto" />
                <Setter TargetName="ColumnDefinition1" Property="Width" Value="*" />
                <Setter TargetName="PART_HeaderPanel" Property="Grid.Column" Value="0" />
                <Setter TargetName="PART_HeaderPanel" Property="Grid.Row" Value="0" />
                <Setter TargetName="PART_HeaderPanel" Property="Grid.Row" Value="0" />
                <Setter TargetName="PART_HeaderPanel" Property="Margin" Value="2 2 0 2" />
                <Setter TargetName="PART_ItemsHolder" Property="Grid.Column" Value="1" />
                <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
            </Trigger>
            <Trigger Property="TabStripPlacement" Value="Right">
                <Setter TargetName="ColumnDefinition0" Property="Width" Value="*" />
                <Setter TargetName="ColumnDefinition1" Property="Width" Value="Auto" />
                <Setter TargetName="PART_HeaderPanel" Property="Grid.Column" Value="1" />
                <Setter TargetName="PART_HeaderPanel" Property="Grid.Row" Value="0" />
                <Setter TargetName="PART_HeaderPanel" Property="Margin" Value="0 2 2 2" />
                <Setter TargetName="PART_ItemsHolder" Property="Grid.Column" Value="0" />
                <Setter TargetName="PART_ItemsHolder" Property="Grid.Row" Value="0" />
                <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
            </Trigger>
        </ControlTemplate.Triggers>

to

        <ControlTemplate.Triggers>
            <Trigger Property="TabStripPlacement" Value="Bottom">
                <Setter TargetName="contentPanel" Property="Grid.Row" Value="0" />
                <Setter TargetName="PART_HeaderPanel" Property="Grid.Row" Value="1" />
                <Setter TargetName="PART_HeaderPanel" Property="Margin" Value="2 0 2 2" />
                <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                <Setter TargetName="RowDefinition1" Property="Height" Value="Auto" />
            </Trigger>
            <Trigger Property="TabStripPlacement" Value="Left">
                <Setter TargetName="ColumnDefinition0" Property="Width" Value="Auto" />
                <Setter TargetName="ColumnDefinition1" Property="Width" Value="*" />
                <Setter TargetName="contentPanel" Property="Grid.Column" Value="1" />
                <Setter TargetName="contentPanel" Property="Grid.Row" Value="0" />
                <Setter TargetName="PART_HeaderPanel" Property="Grid.Column" Value="0" />
                <Setter TargetName="PART_HeaderPanel" Property="Grid.Row" Value="0" />
                <Setter TargetName="PART_HeaderPanel" Property="Margin" Value="2 2 0 2" />
                <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
            </Trigger>
            <Trigger Property="TabStripPlacement" Value="Right">
                <Setter TargetName="ColumnDefinition0" Property="Width" Value="*" />
                <Setter TargetName="ColumnDefinition1" Property="Width" Value="Auto" />
                <Setter TargetName="contentPanel" Property="Grid.Column" Value="0" />
                <Setter TargetName="contentPanel" Property="Grid.Row" Value="0" />
                <Setter TargetName="PART_HeaderPanel" Property="Grid.Column" Value="1" />
                <Setter TargetName="PART_HeaderPanel" Property="Grid.Row" Value="0" />
                <Setter TargetName="PART_HeaderPanel" Property="Margin" Value="0 2 2 2" />
                <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
            </Trigger>
        </ControlTemplate.Triggers>

[batzen]

Thx for reporting and also providing a solution.

[imonikov]

You are welcome! :) Thanks for TabControlEx 👍