How can I add a header image to a sharepoint list?

Sara King 0 Reputation points
2025-01-27T10:14:28.2733333+00:00

Hi

We have a Sharepoint list which we are using to share podcasts on our intranet site, can we add a header image to that page?

Thanks

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
11,174 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. Emily Du-MSFT 49,841 Reputation points Microsoft Vendor
    2025-01-28T02:56:34.2333333+00:00

    Adding a header image to a SharePoint list isn't a feature that's directly available in SharePoint lists, but you can work around it by customizing list with PowerApps, adding the header image through modern SharePoint page or adding the header image through list description.

    Here are three situations:

    1.For modern SharePoint lists, customizing list with PowerApps.

    If you need more flexibility, you could customize the list with PowerApps to design a custom form that includes a header image at the top. PowerApps allows you to fully control the layout, adding any images, text, and other elements.

    2.For modern SharePoint pages, use list web part and image web part.

    Go to the modern SharePoint page -> Edit the page -> Click the "+" to add new web parts -> Add a list web part and an image web part.

    Then choose the image web part -> Upload or link the image you want to use as the header.

    3.For classic SharePoint lists, adding a header Image through list description.

    Go to List Settings -> List name, description and navigation -> In the Description field, you can add HTML for an image, like <img src="URL_of_your_image" width="100%" />.

    Remember to replace "URL_of_your_image" with the actual URL of the image stored in your SharePoint library or another accessible location.


    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.


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.