WPF TabItem Customized Headers in Code?

Question

I know in WPF, if I want to create a TabItem with a custom header with an image and text its very simple in XAML:

<TabItem>
    <TabItem.Header>
        <StackPanel Orientation="Horizontal">
            <Image Source="header.png" />
            <TextBlock Text="Header" />
        </StackPanel>
    </TabItem.Header>
</TabItem>

However, I am not constructing my TabItems in XAML, I am doing it in code:

TabItem tab = new TabItem();
tab.Header = header;
tabControl.Items.Add(tab);

How would I program this custom header in code?

bdimag · Accepted Answer · 2014-10-01 23:53:50Z

1

Using your XAML example, your TabItem could be constructed in code like this:

var tab = new TabItem();
var stack = new StackPanel() { Orientation = Orientation.Horizontal };
stack.Children.Add(new Image() { Source = new BitmapImage(new Uri("header.png", UriKind.Relative)) });
stack.Children.Add(new TextBlock() { Text = "Header" });
tab.Header = stack;

edited Oct 1, 2014 at 23:53

answered Oct 1, 2014 at 21:57

bdimag

9638 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jason Axelrod Over a year ago

The code stack.Children.Add(new Image() { Source = new BitmapImage(new Uri("header.png")) }); is failing...

Jason Axelrod Over a year ago

The error I am getting is: Additional information: 'The invocation of the constructor on type 'Scoreboard_Assistant.MainWindow' that matches the specified binding constraints threw an exception.' Line number '3' and line position '9'.

Jason Axelrod Over a year ago

Figured it out, I needed UriKind.Relative

Collectives™ on Stack Overflow

WPF TabItem Customized Headers in Code?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related