Link on forms to go to the top/bottom of the page

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-07-2023 06:39 AM
Is it possible to add a link to a page, in this case a Record producer that will take you to the bottom or top of the page or for that matter, anywhere on the page?
I would like to have a note at the top of the page with a link that will take the user to the bottom of the page where the Knowledge articles are listed that relate to the page.
The page can get quite long depending on what they are requesting.
Thanks for your help.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-07-2023 07:22 AM
Hi @Dave65 ,
Yes, it is possible to add links to a page that will take the user to the top or bottom of the page using HTML anchors. Here's an example:
To add a link that takes the user to the bottom of the page:
-> Add an anchor tag at the bottom of the page where you want the user to go to, like this:
<a name="bottom"></a>
-> Add a link at the top of the page that points to the anchor, like this:
<a href="#bottom">Go to bottom of page</a>
To add a link that takes the user to the top of the page:
-> Add an anchor tag at the top of the page where you want the user to go to, like this:
<a name="top"></a>
-> Add a link at the bottom of the page that points to the anchor, like this:
<a href="#top">Go to top of page</a>
You can also add links that take the user to specific sections of the page by adding anchor tags with unique names and linking to them with the href attribute.
For example:
<a name="section1"></a>
<h2>Section 1</h2>
<p>This is the first section of the page.</p>
<a name="section2"></a>
<h2>Section 2</h2>
<p>This is the second section of the page.</p>
<a href="#section1">Go to Section 1</a>
<a href="#section2">Go to Section 2</a>
When the user clicks on the link, the browser will automatically scroll to the corresponding section of the page.
If my response was helpful in resolving the issue, please consider accepting it as a solution by clicking on the ✅Accept solution button and giving it a thumbs up 👍. This will benefit others who may have a similar question in the future.
Thank you!
Ratnakar