Skip to main content
Community site session details

Community site session details

Session Id : m4qiRYa/3AJq7i9kBqm9ET
Power Automate - General Discussion
Answered

JSON code to add hyperlink to Header or Footer

Like (0) ShareShare
ReportReport
Posted on 9 Nov 2021 14:59:32 by 12

Hello,

 

I need to add hyperlink to SharePoint online list (wiki page http://).

But I don't really know how to use "href" function (JSON code)

 

Can someone share JSON code example for Header or Footer to add hyperlink to external website page.

 

Thank you very much in advance.

Best regards,

Artem.

  • MattB5 Profile Picture
    9 on 25 Oct 2022 at 10:57:17
    Re: JSON code to add hyperlink to Header or Footer

    Hi Pat, Thank you. Would it be possible to have a few links added? What do you need to do to be able to do it? How do I need to change the syntax of the above? Your help would be greatly appreciated as I don't know the first thing about JSON.

  • Artem1981 Profile Picture
    12 on 10 Nov 2021 at 13:53:08
    Re: JSON code to add hyperlink to Header or Footer

    thanks Pat! Exactly I was looking for.

  • Verified answer
    mahoneypat Profile Picture
    1,720 on 10 Nov 2021 at 13:14:20
    Re: JSON code to add hyperlink to Header or Footer

    Please try this syntax.  Just update the red text.

     

    {
    "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
    "elmType": "a",
    "txtContent": "Displayed Text",
    "attributes": {
    "target": "_blank",
    "href": "https://google.com"
    }
    }

     

    Configure list custom header, footer and the form body with JSON - YouTube


    Pat

  • Artem1981 Profile Picture
    12 on 10 Nov 2021 at 08:43:31
    Re: JSON code to add hyperlink to Header or Footer

    Hi Pat,

     

    Thanks for you FB, but I somehow need to find an opportunity to get hyperlink in header or footer (see pic below).

    I need hyperlink to existing Wiki page instead of mail address.

     

    I won't be changed - it will be constant link, so should not be too complicated.

    Artem1981_0-1636533760129.png

    Best regards,

    Artem.

  • mahoneypat Profile Picture
    1,720 on 09 Nov 2021 at 22:47:55
    Re: JSON code to add hyperlink to Header or Footer

    Please see if this article helps.

    Convert a single line of text column to hyperlink using SharePoint and Microsoft Lists column formatting - HANDS ON Lists (handsontek.net)

     

    Pat

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Announcing our 2025 Season 2 Super Users!

A new season of Super Users has arrived, and we are so grateful for…

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Automate

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 497 Super User 2025 Season 2

#2
David_MA Profile Picture

David_MA 436 Super User 2025 Season 2

#3
Riyaz_riz11 Profile Picture

Riyaz_riz11 244 Super User 2025 Season 2

Loading complete