WebNavPane is able to display item with images.

This topic will show you how to customize NavPane with IconStyle and Images.

To customize NavPane with IconStyle and Images

1. Right click on WebNavPane control and choose WebNavPane Designer.
2. Go to Bars. Set CaptionDisplayMode to TextAndImage. This setting is used to set the global display mode.
3. Expand ItemSettings. Set DisplayMode to TextAndImage. This setting is used to set the display mode of the NavBarItem.
4. Set ImagePosition to AboveText. This setting is used to set the image position of NavBarItem.