In order to use true Anchor Tags (also sometimes called Jump Links.) in Wisetail, you'll need to create those as Embed items on a module. Follow these steps to create a clickable Index at the top of a Module that links to places inside the Module.
First we'll create all the anchors. Once those are all done we'll make the index...
Step 1... Navigate to the Module where you want to add the title you are linking to...
Step 2... Hit the + button to add Media and select Embed, then Embed New
Step 3... The code you'll insert here will create the anchor. For the Embedded Media Item Title, you can use whatever you'd like. We recommend using the module name and the place you are anchoring to.
ANCHOR_WORD = Not visible. Use something unique. In the example below we used "BrownCow99". Adding 99 to the end ensures the word is likely not used on the page anywhere (make sure to leave the quotes).
INDEX TITLE = This is usually something cleaner than the anchor word as it will be displayed and clickable in the Index. For the same example, we used "Brown Cow". This does not need to be unique as it's just a title, though we will make the Index match for simplicity (intentionally no quotes here).
<p><a name="ANCHOR_WORD">INDEX TITLE</a></p>
Side note... If desired, you can add styling to your text if you want to make it match existing font styling on the module. Without styling the text will appear as a blue link as seen below (Brown Cow). Here is an example anchor link with some styling...
<p><a name="ANCHOR_WORD"style="color:#fff000; font-size:18px; font-weight:700; text-decoration:none; scroll-margin-top:100px;">INDEX TITLE</a></p>
Save and close.
Your new anchor tag should look like this:
Note: the gray background will actually be white on the module when you publish it.
STOP: Before continuing, repeat step 3 to create anchors for all of the items you'd like in your Index.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Step 4... Next we'll setup the Index.
Hit the + button and select Embed -> Embed New
LINK1 = Not visible. Enter the word you used as the Anchor in Step 3. This is not the full URL. You are only replacing the LINK1 (make sure to leave the # and quotes).
INDEX TITLE = Visible on the page. Enter the text you entered in Step 3 for the Index Title (intentionally no quotes here).
<p><a href="#LINK1">INDEX TITLE</a></p> <p><a href="#LINK2">INDEX TITLE</a></p> <p><a href="#LINK3">INDEX TITLE</a></p> <p><a href="#LINK4">INDEX TITLE</a></p>
Save and close.
Your Index should look like this:
That's it! Check your links and make sure they work - and double-check there are no permissions set on the new media items.