Configure Navigator Look and Feel Settings

Configure Navigator Look and Feel Settings

In the Web Part Tool Pane you can configure the following Look and Feel Settings to customize the Web Part Menu to individual needs. From release 1.5, it is possible to edit the skin and apply changes via the CSS also. See Customizing Navigators for more information.

Step Action Result
1. Inherit from site theme. Select this option to change the skin to reflect your site theme. 01.jpg
2. Custom Style. Select this option to apply custom style settings. 02.jpg
3. Menu Style. Set skin and font format. 03.jpg
4. Select Skin. Choose from the drop-down list to select from the available skin types. 04.jpg
See images below to see examples of how changing skins changes the look and feel of the web part.
5. Font Format. Click on the checkbox with letter “A” to configure font settings in a dialogue box. Select Font (use the arrows for selection), Style and Size to format font. 05.jpg
Click OK and the selected format is displayed in the sample box. Change the color by picking a new color for Foreground and hover and select respectively. Click apply and ok and the selected format is displayed in the sample box.
6. Automatically resize the Menu. This box is set by default. Deselect this box to set menu size manually. 06.jpg
7. Menu Size. Add pixel(px) value for setting width of the menu. 07.jpg

Results of Skin Changes

HW55_Navigato_Menu_Skin2.png

Navigator Menu with Web 20 skin applied

HW55_Navigator_Menu_Skin1.png

Navigator Menu with CSS Green skin applied

HW55_Navigator_Menu_Skin3.png
Navigator Menu with Inox skin applied