English
Continue in the app
Be The First To Get Support Updates
Want to know about the latest technical content and software updates?

How To: Display feature information using a mouse hover in ArcGIS Configurable Apps

Summary

When creating an interactive map using ArcGIS Configurable Apps such as Minimalist, Media Map, or Attachment Viewer, it is useful to allow users to hover over map features to display the feature information in a pop-up window, pop-up panel, or label without a mouse click. This article details the steps to display feature information using a mouse hover in the Minimalist, Media Map, and Attachment Viewer configurable app templates.

Procedure

In the Minimalist configurable app

Enable hover pop-ups in the Minimalist configurable app to display the feature information in a pop-up window or panel when hovering over a feature on the map.

  1. Log in to ArcGIS Online, and create the Minimalist configurable app. Refer to ArcGIS Online: Create an app with Configurable Apps for more information.
  2. In the Minimalist configurable app, on the side panel, click Full Setup.
The side panel of the Minimalist app to switch to Full Setup mode to access all the settings supported by the app.
Note:
By default, Express Setup is activated, and the side panel is collapsed.
  1. When prompted, click Switch.
  2. On the side panel, click Interactivity > Explore/Navigate.
Note:
Alternatively, click Search on the side panel, search for and click Enable hover pop-up.Use the Search box to find a tool or setting offered in the app.
  1. Enable the Enable hover pop-up option to display pop-up content by hovering over map features without a mouse click.
The side panel to enable hover pop-ups to display feature information.
  1. Click Publish.

The image below shows the feature information displayed in the pop-up window on the map when hovering over the feature.

When hovering over the feature on the map, the feature information is displayed in the pop-up window.
Note:
Alternatively, on the About tab on the side panel, enable the Pop-up panel option in the Legend, Details, and Pop-up Panels section to view feature information on the pop-up panel when hovering over map features.When hovering over a feature on the map, the feature information is displayed on the Pop-up panel.

In the Media Map configurable app

Enable hover pop-ups in the Media Map configurable app to display the feature information in a pop-up window when hovering over a feature on the map.

  1. Log in to ArcGIS Online, and create the Media Map configurable app. Refer to ArcGIS Online: Create an app with Configurable Apps for more information.
  2. In the Media Map configurable app, on the side panel, click Full Setup.
The side panel of the Media Map app to Switch to the Full Setup mode to access all the settings supported by the app.
  1. When prompted, click Switch.
  2. On the side panel, click About > Location Details.
  3. Enable the Enable hover pop-up option to display feature information in the pop-up window by hovering over map features without a mouse click.
The Location Details side panel to Enable hover pop-ups to display feature information.
  1. Click Publish.

The image below shows the feature information displayed in the pop-up window on the map when hovering over the feature.

The information displayed when hovering over the feature on the map.

In the Attachment Viewer configurable app

Enable hover feature labels in the Attachment Viewer configurable app to display the feature information in a pop-up label when hovering over a feature attachment on the info panel.

  1. Log in to ArcGIS Online, and create the Attachment Viewer configurable app. Refer to ArcGIS Online: Create an app with Configurable Apps for more information.
  2. In the Attachment Viewer configurable app, on the side panel, click Full Setup.
  3. When prompted, click Switch.
  4. On the side panel, click Theme & Layout.
  5. Under App layout, click the drop-down list, and select Map focused.
The Map focused layout, showing the map is displayed in the main stage with the attachments and pop-up contents on the info panel.
Note:
By default, the Attachment focused layout is selected, and the hover feature label is not supported.
  1. On the side panel, click About > Location Details.
  2. Enable the Feature label option to display feature information in a label on the map when hovering over an attachment on the info panel.
The Feature label displaying the feature information on the map when hovering over an attachment on the info panel.
  1. Click Publish.
Note:
Refer to Step 4 of this documentation to configure the pop-up title of the layer in Map Viewer to display the intended information in the hover feature label in the Attachment Viewer configurable app.
In Map Viewer, configure the layer's pop-up title to display the intended information in the hover feature label in the Attachment Viewer configurable app.

The image below shows the feature label displayed on the map when hovering over its attachment on the info panel.

The pop-up displaying information when hovering over an attachment on the info panel.

Related Information

Last Published: 3/15/2021

Article ID: 000025223

Software: Configurable Web Apps Zone.Look.up, time.aware.2016, time.aware.2015, time.aware.2012, summary.viewer, story.map.tour, story.map.swipe.and.spyglass, story.map.shortlist, story.map.series, story.map.journal, story.map.crowdsource, story.map.cascade, story.map.basic.2015, story.map.basic.2012, simple.scene.viewer, simple.map.viewer.2014, simple.map.viewer.2012, scene.styler, public.information, public.gallery, Nearby, minimalist.2016, minimalist.2015, minimal.gallery, media.map, maps.and.apps.gallery, map.tools, map.styler, map.carousel, local.perspective, live.map.beta, layer.showcase, Interactive.Legend, information.lookup, impact.summary, imagery.viewer, image.visit, image.mask, image.interpretation, Geoform, geo.list, finder.2014, finder.2013, find.edit.filter.march.2014, find.edit.filter.july.2014, filter.2014, filter.2012, elevation.profile.2015, elevation.profile.2013, elevation.profile.2012, edit.2015, edit.2013, Directions, Current, crowdsource.reporter, crowdsource.polling, crowdsource.manager, compare.scenes, compare.analysis.2015, compare.analysis.2013, compare, classic.viewer, category.gallery, Basic.Viewer.2016, Basic.Viewer.2014, Attachment.Viewer, 3d.data.visualization