Objectives

Create a simple WebNavPane that uses images for its UI Representation.

Following are the steps to create a NavPane with images:

1. Create a WebPaneManager as shown in the picture bellow (you can see tutorial how to do it in WebPaneManager Tutorials).
   
   
   
   
2. Drag a WebNavPane inside the Left Pane .
   
   
   
   
3. Right click the WebNavPane - WebNavPane Designer to open WebnavPane Designer.
4. On Bar SubCategory Add new NavBar and fill the information about the new Bar. Make sure you fill Image property with image URL and change the CaptionDisplayMode to TextAndImage or Image.
   
   
   
   
5. To apply Image to BarItem simply do same thing by fill Image Property with image URL and change the DisplayMode to TextAndImage or Image.
   
   
   
   
6. Apply all the changes, and run the page. You should got something like this.
   
   

See Also

© 2012 Intersoft Solutions Corp. All Rights Reserved.