Summary
This article describes the workflow to add anchor links to ArcGIS Hub so users can quickly navigate to sections within a page.
Procedure
- In ArcGIS Hub, open the page in edit mode.
- Add a Text card and add text. In this example, the text isĀ Geographic Information Systems.
- Highlight your text and, using the formatting toolbar, select a header size.
- Click the </> Edit in HTML option.
- Add an anchor ID to the HTML using the following format. In this example, the ID is geographic-information-systems.
<a id="geographic-information-systems"></a>
Note:
Only use lower case in anchor IDs. Replace spaces with hyphens.
- Click Apply to close the HTML editor.
- Add a link on the same page which leads to the anchor.
- Scroll to the link text.
- Click the </> Edit in HTML option.
- Add the following HTML, replacing the example text (geographic-information-systems) with the anchor ID created in step 5.
<a href="#geographic-information-systems">Link text</a>
-
- Click Apply to close the HTML editor.
Note:
To link to the anchor from outside of the page it appears on, append # and the anchor ID to the end of the page link. For example: https://yoursite.hub.arcgis.com/pages/page-slug#geographic-information-systems.
- Click Save layout to save changes to the page.
- Click Publish layout to publish the page.
- Click on the link text to redirect to the header with the anchor ID attached.