Showing images in pop-up windows
You can include images in your pop-up windows. The images can be contained within the layer's data or you can enter a URL to an image stored on an external website or in your portal. The images can include titles, captions, and links to related websites.
![Tip Tip](rsrc/tip.png)
For the best display, you should create images that are 200 pixels wide and 150 pixels high. If your image is smaller than 200 by 150, you will see a white border in the window. If the image is larger, your web browser automatically rescales the image to 200 by 150 and may appear warped.
To show an image in a pop-up window, follow the steps below.
Steps:
- Verify that you are logged in if you want to save the changes to a map you own or save a copy of a map owned by somebody else.
- Open the map in which you want to show images in pop-up windows in the map viewer.
- Click the Details button.
- Click the Contents button.
- Navigate to the sublayer that contains the layer you want to configure to show images.
- Click the arrow to the right of the layer name and click Configure Pop-up. The Pop-up Properties window appears within the Details panel. For more information, see Configuring pop-up windows.
- Click the Add button and choose Image. The Configure Image window opens.
- Enter a title for the image. By default, the primary field is displayed.
- Click the [+] button and select a field value from your data. Use this option if you want a unique title for each feature in your data.
- Optionally enter static text instead of or in addition to your field value.
- If you don't want a title with your image, delete any text that appears in the field so the field is blank.
- Enter a caption. The caption appears below the title and above the image. It is useful for giving a short explanation of the image. By default, no caption is displayed.
- Click the [+] button and select a field value from your data. Use this option if you want a unique caption for each feature in your data.
- Optionally enter static text instead of or in addition to your field values.
- If you don't want a caption with your image, delete any text that appears in the field so the field is blank.
- Enter the URL to the image.
- Click the [+] button and select a field value from your data. Use this option if you want a unique image for each feature in your data.
- Optionally enter the URL to an image. PNG, JPEG, and GIF images are supported
- Enter the URL of a related link. When the image is clicked, this URL will open in a new window. It is optional.
- Click the [+] button and select a field value from your data. Use this option if you want a unique URL for each feature in your data.
- Optionally enter the URL of a related link.
- Click OK to save your image configuration and close the Configure Image window.
- If you have more than one image (or other media items) and want to change the order of how the items appear in the pop-up window, click a media item in the Pop-up media box and click the Up button or Down button.
- Click Save Pop-up.
- Click Save to save your changes to the map. For more information, see Saving web maps.
3/24/2014