CSS for Virtual Map View

CSS for Virtual Map View

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.

CSS.jpgTo 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 hw31052_2013.jpg
This is the background for the web part; use hexadecimal color codes to update the color.
VirtualMapViewToolTipBody ToolTipCode.jpg
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.
ToolTipColors.jpg
VirtualMapViewWPHeader hw31056_2013.jpg
VirtualMapViewEditItemName hw31058_2013.jpg
VirtualMapViewTD hw31060_2013.jpg
VirtualMapViewInfoWindowTabs (for Google Map) hw31062_2013.jpg
VirtualMapViewNoWrap (for Google Map) hw31063_2013.jpg
VirtualMapViewInfoBox (for Bing, which was previously called Virtual Earth) hw31065_2013.jpg
VirtualMapViewTitle (for Bing, which was previously called Virtual Earth) hw31067_2013.jpg
Virtual Earth Limitation hw31077_2013.jpg
You cannot change the font size of text in these tabs.
Google Map Limitation hw31071_2013.jpg
You cannot change the font size of text in these Tabs.