{"id":135862,"date":"2018-11-13T09:54:36","date_gmt":"2018-11-13T17:54:36","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcwatch&p=135862"},"modified":"2019-07-12T18:07:09","modified_gmt":"2019-07-13T01:07:09","slug":"color-your-world","status":"publish","type":"arcwatch","link":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/color-your-world","title":{"rendered":"Color Your World"},"content":{"rendered":"","protected":false},"author":651,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","castos_file_data":"","podmotor_file_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[],"tags":[],"arcwatch_issues":[79232],"class_list":["post-135862","arcwatch","type-arcwatch","status-publish","format-standard","hentry","arcwatch_issues-december-2016","arcwatch_sections-the-tip"],"acf":{"short_description":"Adding color to your web map pop-ups can provide more meaning and context to the information you present within them. Bern Szukalski,","pdf":{"host_remotely":false,"file":"","file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"Using color in your web map pop-ups can offer more meaning and context to the information presented within them and make your pop-ups stand out. In the example below, a pop-up in a 2012 election map highlights the Republican candidate's name in red and the Democratic candidate's name in blue.\r\n\r\nThe use of color in the pop-up makes it easy to understand the candidate's party affiliations.\r\n\r\n![](\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/10\/1216-tip1.jpg\")
\r\n\r\nIn the example below, color was used for emphasis.\r\n\r\n![](\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/10\/1216-tip2.jpg\")
\r\n\r\nColor can also be used in a pop-up to echo the legend or to make a complex legend easier to understand.\r\n\r\n![](\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/10\/1216-tip3.jpg\")
\r\n![](\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/10\/1216-tip4.jpg\")
\r\n\r\nThen choose Configure Pop-up.\r\n\r\n![](\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/10\/1216-tip5.jpg\")
\r\n\r\nStep 2.<\/strong>\u00a0Choose A custom attribute display.\r\n\r\n![](\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/10\/1216-tip6.jpg\")
\r\n\r\nStep 3.<\/strong>\u00a0Enter text and attributes in the Custom Attribute Display panel, and change colors as desired. In the example below, a presidential election results map from 2008 was configured with a custom attribute display, and results were displayed in different colors to indicate party affiliation.\r\n\r\n![](\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/10\/1216-tip7.jpg\")
\r\n\r\nNote that attributes appear in braces, and color can be added like other text. Select the text and attributes, click the Foreground Color tool, then choose the desired color.\r\n\r\n![](\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/10\/1216-tip8.jpg\")
\r\n\r\nTip:<\/strong>\u00a0As with many visual techniques, use pop-up color sparingly. Too many colors may be distracting or detract from the overall map aesthetics.\r\n\r\nFor more information, see\u00a0View pop-ups<\/a>."}],"references":null},"yoast_head":"\n