This is a migrated thread and some comments may be shown as answers.

PaneHeader with Image

2 Answers 60 Views
Docking
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 02 Mar 2010, 12:01 PM
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?

 

2 Answers, 1 is accepted

Sort by
0
Michael
Top achievements
Rank 1
answered on 04 Mar 2010, 07:09 AM
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> 
 
0
Konstantina
Telerik team
answered on 04 Mar 2010, 04:14 PM
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.
Tags
Docking
Asked by
Michael
Top achievements
Rank 1
Answers by
Michael
Top achievements
Rank 1
Konstantina
Telerik team
Share this question
or