Display apps, data, and web maps

Using the following cards, core team members can display a variety of content 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 click 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.

Add a map

To add a web map or 3D scene to your site, complete the following steps.

1. Drag a Map card onto an existing row.
2. Click Find a web map.
3. Find a web map by searching My Maps, My Organization's Maps, or All Maps.
4. To display a title for your map, click the toggle button for Title.
5. Set a Height value (in pixels) for your map.

   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

Embed a single application

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

1. Drag an Application card onto an existing row.
2. Under Application Settings, click Select Application.
3. Choose what appears on your cards by clicking the Display drop-down menu and opting to display content by group or by manually selecting individual items.
   • To show content based on item type, click Dynamic and choose from the following: Apps, Dashboards, Datasets, Sites, Pages, Web Maps, or Documents.

     Tip:

     Apps include the following items: applications, and web mapping applications. Supported Document types include PDF, Microsoft Excel, Microsoft PowerPoint, iWork Keynote, iWork Pages, iWork documents, and Visio documents.

4. Click Save.

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 clicking on 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 an existing row.

   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 if you'd rather choose individual items, you can choose the Manual option.

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

     Tip:

     This option ensures that your site stays up to date as the selected group's or groups' 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 enables you to select items for display, regardless of the group to which they belong. If you opted for 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 search results.

3. From the Style drop-down menu, choose the look of your gallery cards with the following options:
   • Image—Choose either icons or thumbnails. For more information on editing thumbnails, see Item details.
   • Corners—Choose either square or rounded corners.
   • Button Text—Optionally rename the Explore button by entering a new name in the text box.

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 that have this matching tag on their respective enterprise portal item will be returned in the search results.
   • Group—Select a group. All datasets in this group will be returned in the search results.
   • Category Query—Identify Categories that your organization has established. For more information on creating categories, see Categorize content.
4. You can choose an icon to represent your category by using the library or your own .svg file.
   1. Click Pick an Icon.
   2. Choose an icon and click Select.
   3. Click the gray box to the right of the icon to choose the icon’s color.
5. Use your own icon:
   1. Provide a URL for your icon.
   2. Provide alt text for your 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. Click Save.