Linking to elements within a page
Adding links to elements within a page will update the url dynamically, and if you refer to it inside a link it will open the page and scroll to that element's position.
1. Choose the element in a page where you want to link to. (Chapter 2)
Select "Content view" from the top right corner.
2. Next find the element you want to link to (Chapter 2) in the drop down menu and rename it (Chapter-2). When you rename the element, keep in mind that the name of the element will show up in the url when the url is updated, and the name of the element may not contain spaces.
3. Now we'll add a link.
Select the element that will trigger the link.
Open the actions pallet.
- target: the element itself
- trigger: touch or click
- action: navigate
4. In the navigation pallet, choose the page that contains the target element from the drop-down list.
Then simply add the name of the element (Chapter-2) behind it, separated by a '#' symbol.
Click save settings and then click add action.
- The nav-point will fulfill two purposes: It behaves as a reference to link to, and it will change the url of the page, when someone scrolls past it.
- This second purpose is useful if the link is shared. The person visiting that shared link will be taken to that part of the page instead of the top of the page.
- How you change the style of a link that point to the current page