When configuring the web part, the bottom of the configuration tool pane contains a button to customize the style sheet. With a few minor updates to the style sheet, you can change the user interface to match elements of your corporate brand. The style sheet for the Virtual Map View allows you to control how the map is displayed to users. This section shows each of the main Map View sections and lists the corresponding style sheet parameters that control the section’s presentation in the web part.
To access the style sheet editing option in the tool pane, select Custom CSS from the Select a Style Sheet drop-down button, and then click Edit. The style sheet editor opens.
Class Name | Sample |
VirtualMapViewBackground | This is the background for the web part; use hexadecimal color codes to update the color. |
VirtualMapViewToolTipBody | Tool tips appear when a user hovers over a selection on the left navigation. In our example we changed the background color to green and the font to red; use colors that are relevant to your corporate brand. |
VirtualMapViewWPHeader | |
VirtualMapViewEditItemName | |
VirtualMapViewTD | |
VirtualMapViewInfoWindowTabs (for Google Map) | |
VirtualMapViewNoWrap (for Google Map) | |
VirtualMapViewInfoBox (for Bing, which was previously called Virtual Earth) | |
VirtualMapViewTitle (for Bing, which was previously called Virtual Earth) | |
Virtual Earth Limitation | You cannot change the font size of text in these tabs. |
Google Map Limitation | You cannot change the font size of text in these Tabs. |