How to create referencing in O365online SharePoint?

Martin ČERNÝ 1 Reputation point
2020-07-29T10:19:32.747+00:00

Hello,
I need to create referencing for separate elements on single O365 online SharePoint page. Those references are supposed to work like local "links" for this page. What i need to set-up is: when user will click on tile (containing reference-link) which is on top address part of O365 online SP page, that will cause the page to move to the location containing source for the reference. Is it possible to set-up this in O365 online SP? I have tried to tag elements directly with #number + reference in link for another, but only URL is allowed to be added into the LINK field.

Something like in this link: https://stackoverflow.com/questions/18071046/smooth-scroll-to-specific-div-on-click/18071231?fbclid=IwAR2qa118trPwd9SAsiniaBbP4GYts0meDeeK5rnXGB6nFDl7gK6TEQrOVfg

Thank you for your help
Matin Cerny

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
10,684 questions
0 comments

2 answers

Sort by: Most helpful
Most helpful Newest Oldest
  1. Amos Wu-MSFT 4,051 Reputation points
    2020-07-30T09:57:52.487+00:00

    Yes,we could achieve this in SharePoint Online.
    My test result:
    14458-test31.gif
    14439-requirement.txt
    14643-requirement2.txt
    You could get my test code in attachments. The requirement.txt is the jQuery version, the requirement2.txt is the JavaScript version.
    Tip: Please remember to remove the first and last comment tags.

    0 comments
  2. Martin ČERNÝ 1 Reputation point
    2020-07-30T11:17:10.817+00:00

    Hello,
    Thank you for answer. How and using which application can i get to "code" part of O365 SP online page and modify it in JavaScript? I do only have access to online modification directly in SP, but would like to try any possible way. 14633-o365-sp.png

    Regards
    Martin Cerny

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.