How do I set a max width to a TabItem Header?

Question

Hi I need to specify a a static with to the headers of a tab control. The names are generating dynamically so I could get something with 150 characters. . . . I know i could take the string and cut it with the first 10 characters or something like that, but I don't want the easy way :P

P.D

This answer did not work for my problem, actually it did nothing.

score 2 · Answer 1 · answered Apr 14 '14 at 21:16

<TabControl>
    <TabItem>
        <TabItem.Header>
            <TextBlock Width="100" Text="slad asdljlajksdflajsdf;ljlj;asdlljsaldkjlasdfjkl"/>
        </TabItem.Header>
    </TabItem>
    <TabItem>
        <TabItem.Header>
            <TextBlock Width="75" Text="slad asdljlajksdflajsdf;ljlj;asdlljsaldkjlasdfjkl"/>
        </TabItem.Header>
    </TabItem>
</TabControl>

score 1 · Answer 2 · answered Jun 26 '14 at 14:31

1

Setting TextBlock.MaxWidth worked just fine for me. I used it inside the ItemTemplate , e.g.

<TabControl.ItemTemplate>
    <DataTemplate DataType="viewModels:ITabViewModel">
        <TextBlock Text="{Binding DisplayName}" ToolTip="{Binding ToolTip}"
            TextTrimming="CharacterEllipsis" MaxWidth="150" />
    </DataTemplate>
</TabControl.ItemTemplate>

answered Jun 26 '14 at 14:31

mkoertgen

898
6
14

a width of 130 to 180 pixels seems to be a good fit for tabs. Chrome uses ~130 pixels for its tabs, Visual Studio about 180 pixels for Code File Tabs. – mkoertgen Jun 26 '14 at 14:38

score 0 · Answer 3 · answered Aug 14 '15 at 07:37

Another possible solution:

    <TabControl>
        <TabControl.Resources>
            <Style TargetType="{x:Type TabItem}">
                <Setter Property="HeaderTemplate">
                    <Setter.Value>
                        <DataTemplate>
                            <TextBlock Text="{Binding}" MaxWidth="200" />
                        </DataTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </TabControl.Resources>
    </TabControl>

How do I set a max width to a TabItem Header?

3 Answers3