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.

Theme group

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.

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

Background color

  1. To change the background fill, click Fill Theme background options.
    • Create a solid background.

      1. Click Solid then select the color of your choice:
        Solid fill option
      2. The web part and the Preview Theme dialog display the new background:
        Solid fill preview

    • Create a gradient background.

      1. 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:
        Gradient fill option
        NoteNote:

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

      2. The web part and the Preview Theme dialog display the new background:

  1. To change background text color, click Text Theme background options.
    1. The color palette appears:
      Color palette
    2. Select the color of your choice. The web part and Preview dialog display the new background text color:
      Text preview

Accent color

  1. To change the accent fill, click Fill Theme background options.
    1. The color selector dialog appears:
      Color selector
    2. Select the color of your choice and the web part and Preview dialog display the new accent fill color:
      Accent fill color
  2. To change the accent text, click Text Theme background options.
    1. The color selector dialog appears:
      Color selector
    2. Select the color of your choice and the web part and Preview dialog display the new accent text color:
      Accent text color

Selection color

  1. To change the selection fill, click Fill Theme selection.
    1. The color selector dialog appears:
      Color selector
    2. Select the color of your choice and the web part and Preview dialog display the new selection fill color:
      Selection fill preview
  2. To change the selection text, click Outline Theme selection.
    1. The color selector dialog appears:
      Color selector
    2. Select the color of your choice and the web part and the Preview dialog display the new selection outline color:
      Selection outline color

Resetting theme colors

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

Reset theme button

Pop-Up border width

  • Increase
    1. Click the Increase button:Increase pop-up border button
    2. The pop-up border is wider: Pop-up border size increased
  • Decrease
    1. Click the Decrease button:Decrease pop-up border button
    2. The pop-up border is narrower:Pop-up border size decreased
8/12/2011