Using color in web map pop-ups
Using color in your web map pop-ups can add more meaning and context to the information presented within them, and make your pop-ups more appealing. Here’s an example from a past election map showing the voting results.The use of color in the pop-up makes it easy to understand who the Republican and Democratic candidates are.
In the following example, color was used for emphasis.
Color can also be used in a pop-up to echo the legend, or make a complex legend easier to understand.
Adding color to pop-ups is easy, and can be accomplished by following these steps.
Step 1.Click layer options ( … ), and choose Configure Pop-up.
Step 2.Choose Custom Attribute display
Step 3.Enter text and attributes in the Custom Attribute Display panel, and change color as desired. Below we’ve opened the election results map from 2008 to look at the pop-up configuration. The pop-up has been configured with a custom attribute display, and results are displayed in different colors indicating party affiliation.
Notethat attributes appear in curly braces, and can be colored like other text. Select the text and attributes, click the Foreground color tool, then choose the desired color.
Tip:As with many visual techniques, use pop-up color sparingly. Too color might be distracting, detract from the overall map aesthetics, or just look plain ugly.
For more information see View pop-ups .
This post was originally published on September 25, 2012, and has been updated.