Theming
The ArcGIS Map Web Part allows specifying its theme colors. The theme colors are applied to dialogs, panels, the Map Center, the Navigation control, and other parts of the user interface. The Map Web Part's theming functionality also integrates with SharePoint 2010 site themes; the colors that are available for selection on the color palette include the theme colors of the current SharePoint site. To change the theme, click the Theme drop-down menu in the Theme group on the Application tab. In the drop down, you can specify colors for the Background, Accents, and Selections. Any changes will be reflected in the Map Web Part immediately.
![]() |
Specifying theme colors
You have two approaches to use when changing the theme colors. The first is to use Theme button alone and see the changes in the web part as you make them. The second approach is to use the Theme button along with the Preview button. The Preview button will open a dialog that allows you to see how the theme colors are applied to differing components of the Map Web Part's user interface. This approach is described below.
- Click the Preview button:
- The Preview Theme dialog appears:
- Click the Theme button to open the drop-down menu:
Background color
- To change the background fill, click Fill
.
- Create a solid background.
- Click Solid then select the color of your choice:
- The web part and the Preview Theme dialog display the
new background:
- Click Solid then select the color of your choice:
- Create a gradient background.
- Click Gradient, then click the left gradient button on
the bottom of the dialog. Select your color, then click on the
right gradient button on the bottom of the dialog and select your
color:
Note:
If you require finer control over a color, click the More link located below the color palette.
- The web part and the Preview Theme dialog display the
new background:
- Click Gradient, then click the left gradient button on
the bottom of the dialog. Select your color, then click on the
right gradient button on the bottom of the dialog and select your
color:
- Create a solid background.
- To change background text color, click Text
.
- The color palette appears:
- Select the color of your choice. The web part and Preview dialog
display the new background text color:
- The color palette appears:
Accent color
- To change the accent fill, click Fill
.
- The color selector dialog appears:
- Select the color of your choice and the web part and Preview
dialog display the new accent fill color:
- The color selector dialog appears:
- To change the accent text, click Text
.
- The color selector dialog appears:
- Select the color of your choice and the web part and Preview
dialog display the new accent text color:
- The color selector dialog appears:
Selection color
- To change the selection fill, click Fill
.
- The color selector dialog appears:
- Select the color of your choice and the web part and Preview
dialog display the new selection fill color:
- The color selector dialog appears:
- To change the selection text, click Outline
.
- The color selector dialog appears:
- Select the color of your choice and the web part and the Preview
dialog display the new selection outline color:
- The color selector dialog appears:
Resetting theme colors
To reset the Map Web Part's theme to the default colors, simply click the Reset button:
![]() |
Pop-Up border width
- Increase
- Click the Increase button:
- The pop-up border is wider:
- Click the Increase button:
- Decrease
- Click the Decrease button:
- The pop-up border is narrower:
- Click the Decrease button: