Skip To Content

Display apps, data, and web maps

Using the following cards, core team members can display a variety of content directly on their sites and pages, including dashboards, story maps, documents, and even other sites and pages:

  • Gallery card—Useful for displaying a mix of different items, including other sites and pages. This card is also mobile responsive, meaning content will display correctly no matter the size of a device.
  • Category card—Use this card to group datasets and other content types by category. Each category you create gets represented by an icon of your choosing.
  • Map card—Display a web map or web scene on your site. Using row card settings, you can adjust its display to span the entirety of your site or choose to display it next to other content at a fixed width.
  • Application card—Displays a supported ArcGIS application, such as web apps, dashboards, Insights pages, Experience Builder web apps, and storymaps.
Note:

Displaying content on a site or page does not automatically add the item or items to the site's content library. When using the Gallery, Map, and Application card, you must also add the item to your site's content library if you want it to be discoverable in your site's search results. For more information, see Add existing items.

Popular items displayed on sites and pages include dashboards, story maps, and web maps. These items are created and managed in your Portal for ArcGIS. When populating a card with content, you can choose from your own content or content that's been shared with your team, your organization, or the public.

To get started, sign in to Portal for ArcGIS and select Sites on the Overview page to view a list of your sites.

Tip:

You can also edit a site when viewing it in a browser. Be sure you're signed in and look for the edit button to the left of your site.

Create a gallery of content

The gallery card displays up to16 items using the item's thumbnail and summary. Visitors can open an item in a gallery by selecting the item's card. You can use groups, your site's content library, or individual items to populate the gallery.

  1. Drag a Gallery card onto a row in the layout.
    Note:

    By default, the gallery displays items shared to your site's content library. You can continue using it as a source of content for the gallery. You can also add groups using the Dynamic option, or to select individual items, choose the Manual option.

  2. Under the Content menu, choose one of the following options:
    • Dynamic—When this option is selected, items belonging to a selected group or groups will be displayed. Choose which types of items from this group are shown using the Content type(s) menu. You can also refine which items are displayed by using tags or categories assigned to them. These categories are different from Category cards.
      Tip:

      This option ensures that your site stays up to date as the selected group(s) items are updated. For example, if you add your site's core team group, any new content created or updated by your team members will automatically appear in the gallery.

    • Manual—This option allows you to select items for display, regardless of the group to which they belong. With a manual display, you can reorder the way in which your cards appear in the layout by adjusting the list of cards in the side panel.
      Tip:

      Manually choosing which items to display on your site does not automatically add the item to the site's content library.

  3. Optionally, you can sort which items are displayed based on usage, dates, and titles.
  4. Under Appearance, choose how your gallery cards display with the following options:
    • Title heading—Choose a heading size for the card title.
    • Image—Choose thumbnails or icons. For more information on editing thumbnails, see Item details.
    • Corners—Choose square or rounded corners.
    • Drop shadow—Choose none or a level of shadow.
    • Include buttons—Optionally, add a button for people to select to open the card's item.
      Tip:

      You can opt to not include buttons to streamline the look of your gallery.

Display categories of data

Use icons to represent related content, such as Hydrology to represent datasets, web maps, and applications that have either been delineated with tags or organized into groups.

  1. Drag a Category card onto an existing row.
  2. Edit the link text for your category.
  3. Select either Use tag query,Use category query or Use group:
    • Tag query—Enter a tag query. All datasets with this tag on their respective ArcGIS Enterprise item will be returned in search results.
    • Category query—Identify Categories that your organization has established. For more information on creating categories, see Categorize content.
    • Group—Select a group. All datasets in this group will be returned in the search results.
  4. To represent your category with an icon from the library:
    1. Select Choose from library and select Pick an icon.
    2. Choose an icon and choose Select.
    3. Select the box to the right of the icon to change the color.
  5. To use your own icon:
    1. Select Provide URL for your own and enter the URL.
    2. Provide alt text for the icon to help non-sighted users and improve your site’s accessibility.

    Note:
    Custom icons should be saved as an .svg or transparent .png file. Icons will be scaled to fit 120x120 pixels.

  6. Select Save.

Add a map

Use the Map card to display a web map or web (3D) scene directly on the site or page.

Note:

If you're currently using an iframe to display a web map, consider switching to the Map card instead. For more information, see 3D Web Scenes, Vector Tile Base maps, and more in ArcGIS Hub and ArcGIS Enterprise Sites.

  1. Drag a Map card onto a row in the layout.
  2. Choose Select map.
  3. Find a web map by searching My content, My organization, or World (public) and select Save.
  4. To display a title, select the toggle button for Title.
  5. Set a Height value (in pixels).

    The item displays directly on the site or page, similar to the former iframe card.

    Tip:
    If you have a second version of the item that's better suited for mobile devices, you can add the item under the Mobile option and use the Desktop option for the original item. Use the Hide on mobile toggle if you don't have a mobile version of the map.

  6. Select the toggle buttons for Enable map legend, Enable sharing, and Button always visible, if needed.

Embed a single application

Use the Application card to display an item directly on the site or page. The following items are supported:

  • Apps—applications and web mapping applications
  • Documents—PDF, Microsoft Excel, Microsoft PowerPoint, iWork Keynote, iWork Pages, iWork documents, and Visio documents
  • Datasets
  • Dashboards
  • Sites and pages
  1. Drag an Application card onto a row in the layout.
  2. Choose Select application.
  3. Find an application by searching My content, Favorites, etc., and select Save.
  4. Set a Height value (in pixels).
    Tip:
    If you have a version of the item that's better suited for mobile devices, you can add the item under the Mobile option and use the Desktop option for the original item. Use the Hide on mobile toggle if you don't have a mobile version of the application.
  5. Select the toggle buttons for Allow scrolling, Enable sharing, and Button always visible, if needed.