TabControl - Size

[marcosgerene]

Hi folks,

I want to define the size of my tabitem headers (or even better if this have autosize):

<TabControl AutoScrollToSelectedItem="True" 
			Theme="{StaticResource ScrollableTabControl}" 
			>
	<TabControl.Items>
		
		<TabItem Width="50">
			<TabItem.Header>
				<materialIcons:MaterialIcon Kind="Home" Width="22" Height="{Binding $self.Width}" />
			</TabItem.Header>
			<TabItem.Content>
				<TextBlock Classes="Centered" Text="Page 1" />
			</TabItem.Content>
		</TabItem>
		
		<TabItem Width="150">
			<TabItem.Header>
				<StackPanel Orientation="Horizontal" Spacing="10">
					<TextBlock Text="Pessoas - Listagem" />
					<materialIcons:MaterialIcon Kind="Close" Width="16" Height="{Binding $self.Width}" />
				</StackPanel>
			</TabItem.Header>
			<TabItem.Content>
				<TextBlock Classes="Centered" Text="Page 2" />
			</TabItem.Content>
		</TabItem>

		<TabItem Width="150">
			<TabItem.Header>
				<StackPanel Orientation="Horizontal" Spacing="10">
					<TextBlock Text="Produtos - Cadastro" />
					<materialIcons:MaterialIcon Kind="Close" Width="16" Height="{Binding $self.Width}" />
				</StackPanel>
			</TabItem.Header>
			<TabItem.Content>
				<TextBlock Classes="Centered" Text="Page 3" />
			</TabItem.Content>
		</TabItem>
		
	</TabControl.Items>
</TabControl>

Something like this:

[SKProCH]

Hello. Isn't the Width in <TabItem Width="50"> controls the size?

[marcosgerene]

When I use Material it "stretchs" the size of TabItem. It does not respect Widht property.

<TabItem Width="50"> makes this:

[marcosgerene]

<TabControl.ItemsPanel>
	<ItemsPanelTemplate>
		<StackPanel Orientation="Horizontal" />
	</ItemsPanelTemplate>
</TabControl.ItemsPanel>

Solved, thanks.