Using the following cards, core team members can display a variety of content, including dashboards, story maps, 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.
- App card—Display any web mapping application made with Web AppBuilder.
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.
- Drag a Map card onto an existing row.
- Hover over the card and click the settings button to switch to edit mode.
- Click Find a web map.
- Find a web map by searching My Maps, My Organization's Maps, or All Maps.
- To display a title for your map, click the toggle button for Title.
- Set a Height value (in pixels) for your map.
Tip:
Display a map across the entirety of your site by choosing Wide for the row card's layout.Add a single app or item
To display a single app, complete the following steps:
- Drag a Gallery card onto an existing row.
- Hover over the card and click the settings button to switch to edit mode.
- Choose what appears on your cards by clicking the Display drop-down menu and opting to display content by type or by manually selecting individual items.
- To show content based on type, click Dynamic and choose either Apps, Dashboards, Datasets, Sites, Pages, Web Maps, or Documents.
Tip:
Apps include the following items: applications, forms (Survey123), and web mapping applications. Supported Document types include PDF, Microsoft Excel, Microsoft PowerPoint, iWork Keynote, iWork Pages, iWork documents, and Visio documents.
- To show content based on type, click Dynamic and choose either Apps, Dashboards, Datasets, Sites, Pages, Web Maps, or Documents.
- Under Cards Shown, select 1.
- From the Style drop-down menu, choose the look of your gallery cards with the following options:
- Image—Choose either Icons or Thumbnails.
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.
- Image—Choose either Icons or Thumbnails.
- Click Save.
Create a gallery of content
If you want to share web maps and other apps on a site or page, a useful card is the gallery card. This card enables you to display a mix of different items, including dashboards, story maps, and even other sites and pages.
- Drag a Gallery card onto an existing row.
- Hover over the card and click the settings button to switch to edit mode.
- Choose what appears on your cards by clicking the Display drop-down menu and opting to display content by type or by manually selecting individual items.
- To show content based on type, click Dynamic and then choose either Apps, Dashboards, Datasets, Sites, Pages, Web Maps, or Documents. Additional settings require you to choose the number of cards shown and from which group or tag they will be queried.
Tip:
Apps include the following items: applications, forms (Survey123), and web mapping applications. Supported document types include PDF, Microsoft Excel, Microsoft PowerPoint, iWork Keynote, iWork Pages, iWork documents, and Visio documents.
- To show a mix of content, click Manual, and then select content individually by clicking Add Content and choosing any combination of apps, datasets, sites, and pages that belong to your organization.
Tip:
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 Customize panel. Click a card's name to drag it to a new position in the list.
- To show content based on type, click Dynamic and then choose either Apps, Dashboards, Datasets, Sites, Pages, Web Maps, or Documents. Additional settings require you to choose the number of cards shown and from which group or tag they will be queried.
- From the Style drop-down menu, choose the look of your gallery cards with the following options:
- Image—Choose either icons or thumbnails.
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.
- Image—Choose either icons or thumbnails.
Display categories of data
Use categories to group content. You can choose from a variety of icons to represent a category or you can provide your own.
- Drag a Category card onto an existing row.
- Hover over the card and click the settings button to switch to edit mode.
- Edit the link text for your category.
- Select either Use Tag Query or
Use Group.
This determines which datasets are returned in the search results when users click this category.
- 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.
- Choose an icon from the
library:
- Click Pick an Icon.
- Choose an icon and click Select.
- Click the gray box to the right of the icon to choose the icon’s color.
- Use your own
icon:
- Provide a URL for your icon.
- Provide alt text for your icon to help nonsighted 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. - Click Save.