Inserting Image in the RadPanelBarItem

[prabhu.m]

Hi please,
Let me know how to insert image in RadPanelBarItem

Thanks
M.Prabhu

[Kiril Stanoev]

Hi prabhu.m,

It depends on your scenario. There are 3 ways do define an image within a RadPanelBarItem.

• Using XAML

<telerik:RadPanelBar>
    <telerik:RadPanelBarItem>
        <telerik:RadPanelBarItem.Header>
            <StackPanel Orientation="Horizontal">
                <Image Source="Images/mySamplePic.png" />
                <TextBlock Text="Sample Text" VerticalAlignment="Center" Margin="5 0" />
            </StackPanel>
        </telerik:RadPanelBarItem.Header>
    </telerik:RadPanelBarItem>
</telerik:RadPanelBar>

• Code behind

RadPanelBar panelBar = new RadPanelBar();
RadPanelBarItem panelBarItem = new RadPanelBarItem();
StackPanel stackPanel = new StackPanel();
stackPanel.Orientation = Orientation.Horizontal;
Image image = new Image();
image.Source = new BitmapImage(new System.Uri("/Images/mySamplePic.png", System.UriKind.RelativeOrAbsolute));
TextBlock textBlock = new TextBlock();
textBlock.Text = "Sample Text";
textBlock.Margin = new System.Windows.Thickness(5,0,0,0);
textBlock.VerticalAlignment = System.Windows.VerticalAlignment.Center;
stackPanel.Children.Add(image);
stackPanel.Children.Add(textBlock);
panelBarItem.Header = stackPanel;
panelBar.Items.Add(panelBarItem);

• Data binding

Kind regards,
Kiril Stanoev
the Telerik team

[prabhu.m]

Thanx, great