PaneHeader with Image

[Michael]

I want to display an image next to the header. To achieve this I've tried to add a StackPanel to the RadPane.Header:

 

 

 

                  <t_dock:RadPane>
                     <t_dock:RadPane.Header>
                        <StackPanel Orientation="Horizontal">
                           <Image Width="16" Source="Images/sample.png" />
                           <Label>Sample</Label>
                        </StackPanel>
                     </t_dock:RadPane.Header>

This works well. However, the pane now displays "System.Windows.Controls.StackPanel" in the top area. How can I change this to display the label "Sample" instead?

 

[Michael]

Found it:

                  <t_dock:RadPane Header="Sample">
                     <t_dock:RadPane.HeaderTemplate>
                        <DataTemplate>
                           <StackPanel Orientation="Horizontal">
                              <Image Width="16" Source="Images/16/sample.png" />
                              <TextBlock Text="Sample" VerticalAlignment="Center"/>
                           </StackPanel>
                        </DataTemplate>
                     </t_dock:RadPane.HeaderTemplate>
                  </t_dock:RadPane>

[Konstantina]

Hi Michael,

Thank you for contacting us.

We are glad that you have found the solution yourself.

If you have any other questions please feel free to contact us again.

All the best,
Konstantina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.