Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This refers to Moodle 3.8  from September 2020 onward

Excerpt

How to create a link to a section, resource or activity elsewhere in your module.

Include Page
Training_Page_Header
Training_Page_Header

How to: Create internal navigation links in your module   

As well as creating urls to external websites you can create internal links to resources or aspects of a page as well.  Internal links are useful for navigation around content heavy sections.

Note:  If you have collapsed topics you can only use internal links within a section, not to navigate from one section to another. HTML<iframe id="kaltura_player" src="https://cdnapisec.kaltura.com/p/1355621/sp/135562100/embedIframeJs/uiconf_id/13188771/partner_id/1355621?iframeembed=true&playerId=kaltura_player&entry_id=1_aqi8b1sp&flashvars[streamerType]=auto&amp;flashvars[localizationCode]=en&amp;flashvars[leadWithHTML5]=true&amp;flashvars[sideBarContainer.plugin]=true&amp;flashvars[sideBarContainer.position]=left&amp;flashvars[sideBarContainer.clickToClose]=true&amp;flashvars[chapters.plugin]=true&amp;flashvars[chapters.layout]=vertical&amp;flashvars[chapters.thumbnailRotator]=false&amp;flashvars[streamSelector.plugin]=true&amp;flashvars[EmbedPlayer.SpinnerTarget]=videoHolder&amp;flashvars[dualScreen.plugin]=true&amp;&wid=1_568pxgdo" width="456" height="292" allowfullscreen webkitallowfullscreen mozAllowFullScreen frameborder="0"></iframe>

Creating the anchor

The 'anchor' is thing you want to create a navigation link to, like a bookmark.

  • Go to your module in Moodle
  • Within a Label or the description section of an activity, resource or a section, expand the formatting toolbar using the 'Show more buttons' button
  • Click on the HTML button
  • Find the piece of text you want to anchor, usually the title
  • Before the title paste in the following HTML code:  <span id="anchor_TITLE OF THE ANCHOR">
  • Directly after the title paste in the following HTML code:  </span>
  • Click on the HTML button again to check that visually nothing has changed
  • Click Save changes

This will produce a hyperlink that you can click on and it will take you to the connected anchor.

...

Note:  The hyperlink isn't active in the editing mode, you can test it once you've clicked Save changes.

Similar tutorials

The following other resources are also relevant to this topic:

...