How to show more that one image in the radtreeview item (wpf - telerik )

Question

I am adding image to the radtreeviewitem from resources programatically using the below code.

"/myAssembley;component/Resources/image1.png"

and the image is displaying successfully. Now i need to add another image which needs to be displayed next to the first image in the radtreeviewitem.

how to achieve it.?

Like the below image i need my treeviewitem to display a folder icon and a red square icon in a single treeview item.

Why don't you simply create a image that contains both images? :) — 3615, Jun 16 '16 at 13:17
It got thousands of combinations .So i cant merge and create all the combinations . — Dah Sra, Jun 17 '16 at 03:47

score 4 · Accepted Answer · answered Jun 17 '16 at 10:31

If you do not have data binding and you are using RadTreeViewItems directly you can add the additional image in the Header of the item. For example:

var stackPanel = new StackPanel() { Orientation = System.Windows.Controls.Orientation.Horizontal };
var image1 = new Image() { Source = image1Path };
var image2 = new Image() { Source = image2Path };
var textBlock = new TextBlock() { Text = itemHeader };
stackPanel.Children.Add(image1);
stackPanel.Children.Add(image2);
stackPanel.Children.Add(textBlock);

var treeViewItem = new RadTreeViewItem()
{
    Header = stackPanel,
};

It Works.

score 2 · Answer 2 · answered Jun 22 '16 at 17:37

The proper way would be to create a DataTemplate with a grid or horizontal stackpanel. Put two images inside and in your model two Image Sources that you can bind too. Telerik doesn't have the best track record using the MVVM pattern, but the TreeView control is pretty decent with binding. If you need help with the model and the datatemplate, post some of your code here and we can work on it.

How to show more that one image in the radtreeview item (wpf - telerik )

2 Answers2