Multiple Anchors Wothin A Page
Lorna Guttormson
I have a page that is mostly containing a complex table. Parts of the table are to take the user to other parts for more detail, clarifications etc.. The page is a text block copied from a previous article on another site. I thought the anchors and links would work but found that although the links are there the anchors have been stripped. I cann't see how to get the anchors into the code. I have used anchors addressing full blocks but in this case I want the anchors on individual rows of the table. The code I have used for the anchors - that have been stripped - code like <h2><a id="new" class="anchor"></a>New This Year:</h2> . Is there some way to accomplish this?
The page can be seen at https://test2.ottawaoc.ca/meet-director-guide#checklist - the #checklist comes from clicking on the link I had hoped would take me to special part of the page. There is no anchor any longer on the checklist section of the page so, of course, it does not work. How might I be able to restore these anchors>
Ziaul Kabir
Accepted AnswerHello,
Thanks for reaching out to us. Could you please share temporary administrator access to your Joomla backend? You can provide the credentials securely in the hidden content section. Also, please take a full backup of your site before we make any changes.
Your provided credentials seems to be incorrect.
Once I have access, I’ll investigate further and see what’s causing the issue. Let me know once you’ve shared the details!
Best regards,
Lorna Guttormson
Accepted AnswerFrom what I gather , what I want to do is not possible with SP Page Builder - you can only set anchors to sections. I have changed the page back to an article which can handle this. If I am wrong, it would be good to know, for future, if there is any more flexibility with anchors.
Thank you.
Ziaul Kabir
Accepted AnswerHi,
Yes, it is possible to use anchors within the Text Block addon in SP Page Builder.
You can add IDs directly to supported HTML elements such as <div>, table rows, headings, or other container elements inside the Text Block content. For example:
<div id="checklist">
or
<tr id="checklist">
Then you can link to them using:
#checklist
The main limitation is with empty anchor tags like:
<a id="checklist"></a>
as those may be stripped by the editor/filtering system.
So using IDs on existing elements (divs, tables, headings, rows, etc.) is the recommended approach in SP Page Builder.
and it will work. Currently you added in link like
<a href="#remember"><strong><em>Remember This!</em></strong></a>
but not remember block you didn't add id like
<h2 id="remember">Remember This!</h2>
Thank you.