Missing Icon for Child Items

[Federico Gubellini]

Hi all,

Is it possible to display icons for child items of a navigation view in a data-bound hierarchy scenario? I'm following the documentation at https://docs.telerik.com/devtools/wpf/controls/radnavigationview/populating-with-data/hierarchical-databinding but also in this example the icons are missing for child items (even if them are defined in the example data model).

Thanks.

[Martin Ivanov]

Hello Federico,

The ItemContainerStyle of RadNavigationView is applied only to the root level of the items. The documentation is not complete on the topic so we will update it accordingly. You can also find your Telerik points updated. 

To achieve your requirement, you can use an implicit style defined in the Window Resources collection, instead of the ItemContainerStyle. For example:

<Window.Resources>
	<telerik:StringToGlyphConverter x:Key="StringToGlyphConverter" />
	<Style TargetType="telerik:RadNavigationViewItem">
		<Setter Property="ItemsSource" Value="{Binding Children}" />
		<Setter Property="DisplayMemberPath" Value="Title" />
		<Setter Property="Icon" Value="{Binding IconGlyph}" />
		<Setter Property="IconTemplate">
			<Setter.Value>
				<DataTemplate>
					<telerik:RadGlyph Glyph="{Binding Converter={StaticResource StringToGlyphConverter}}" />
				</DataTemplate>
			</Setter.Value>
		</Setter>
	</Style>
</Window.Resources>

See also the attached project. I hope this helps.

Regards,
Martin Ivanov
Progress Telerik