Specifying theme colors

The ArcGIS Map Web Part allows specifying its theme colors. The theme colors are applied to dialog boxes, panels, the Map Center, the Navigation control, and other parts of the user interface (UI). 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 web part's theme, click the Theme drop-down menu in the Theme group on the Application tab. In the drop-down menu, you can specify colors for the background, accents, and selections. Any changes will be reflected in the Map Web Part immediately.

Theme group

Specifying theme colors

You have two approaches to use when changing theme colors. The first is to use the Theme button alone and see the changes in the web part as you make them. The second approach is to use the Theme button with the Preview button. The Preview button opens a dialog box with a UI that incorporates all of the different theme colors. Steps to configure themes while making use of the preview functionality are as follows:

  1. Click the Preview button.
    Theme Preview button
  2. The Preview Theme dialog box appears.
    Theme preview dialog box
  3. Click the Theme button to open the Theme drop-down menu.
    Theme drop-down menu

Setting background colors

  1. To change the background fill, click Background on the Theme drop-down menu and click Fill Theme background options.
    • To specify a solid (single color) background, do the following:

      1. Above the background color palette, click the Solid tab.
      2. Select the applicable color from the color palette.
        Solid fill option
        The web part and the Preview Theme dialog box updates to display the new background:
        Solid fill preview

    • To specify a gradient background, do the following:

      1. Above the background color palette, click the Gradient tab.
      2. Click the left gradient button on the bottom of the dialog box.
      3. Select the color to use for one end of the gradient from the color palette.
      4. Click the right gradient button on the bottom of the dialog box.
      5. Select the applicable color for the other end of the gradient from the color palette.
        Gradient fill option
        NoteNote:

        If you require finer control over a color, click the Advanced link located below the color palette.

        The web part and the Preview Theme dialog box updates to display the new background.
        Preview Theme dialog box

  1. To change background text color do the following:
    1. Select Background > Text from the Theme drop-down menuTheme background options. The color palette appears.
      Color palette
    2. Select the applicable color. The web part and Preview Theme dialog box updates to display the new background text color.
      Text preview

Setting accent colors

  1. To change the accent fill, do the following:
    1. Select Accent > Fill from the Theme menu. Theme background options. The color palette appears.
      Color selector
    2. Select the applicable color. The web part and Preview Theme dialog box updates to display the new accent fill color.
      Accent fill color
  2. To change the accent text, do the following:
    1. Select Accent > Text from the Theme menu. Theme background options. The color palette appears.
      Color selector
    2. Select the applicable color from the palette. The web part and Preview Theme dialog box updates to display the new accent text color.
      Accent text color

Setting selection colors

  1. To change the selection fill color, do the following:
    1. Select Selection > Fill from the Theme menu Theme selection. The color palette appears.
      Color selector
    2. Select the applicable color to use. When you choose a color, the web part and Preview Theme dialog box immediately displays the new color.
      Selection fill preview
  2. To change the selection text, do the following:
    1. Select Selection > Outline from the Theme menu Theme selection.The color palette appears.
      Color selector
    2. Select the applicable color to use for the outline from the color palette. The web part and the Preview Theme dialog box updates to display the new color.
      Selection outline color

Resetting theme colors

To reset the Map Web Part's theme to the default colors, click the Reset button.

Reset theme button

11/30/2012