WebPart Title not showing when added with Graph API

Question

Hello,

I am experiencing an issue with WebPart titles in SharePoint Online. Specifically:

When I add WebParts to a SharePoint page using the Microsoft Graph API, everything works as expected initially.

However, when the page is viewed in desktop mode, the WebPart titles do not appear. Upon inspecting the HTML, I noticed that the element intended to contain the title is generated but remains empty:

When the same page is viewed on mobile devices, or in a browser using mobile emulation, the WebPart titles are correctly populated.

The corresponding HTML in mobile mode is as follows:

   Document Tracker

I believe this is a bug in the rendering of WebParts in desktop mode. It seems that the title information is either not passed correctly or not rendered in the desktop view.

Steps to Reproduce

Use Microsoft Graph API to add a WebPart (e.g., a List WebPart) to a SharePoint page.

here is the C# code i use:

var listWebPartRequest = new Microsoft.Graph.Beta.Models.StandardWebPart {
    OdataType = "#microsoft.graph.standardWebPart",
    WebPartType = "f92bf067-bc19-489e-a556-7fe95f508720",
    Data = new Microsoft.Graph.Beta.Models.WebPartData {
        Title = "Document Tracker",
        Properties = new Microsoft.Graph.Beta.Models.Json {
            AdditionalData = new Dictionary
        {
            { "selectedListId", documentTrackerList.Id },
            { "selectedListUrl", relativeSiteUrl + "/Document Tracker" },
            { "webRelativeListUrl", "/Lists/Document Tracker" },
            { "webpartHeightKey", "4" }
        }
        },
        DataVersion = "1.0"
    }
};

var listWebPartResult = await betaClient.Sites[projectSite.Id].Pages[homePage.Id].GraphSitePage.CanvasLayout.HorizontalSections["3"].Columns["1"].Webparts.PostAsync(listWebPartRequest);

Open the page in a desktop browser and observe that the WebPart title is missing.
Open the same page on a mobile device or use mobile emulation in the browser. The title will be correctly displayed.

Am I doing something wrong?

Answer

The title may need to be declared in Properties.AdditionalData. You can try to add another web part title in the C# codes.

AdditionalData = new Dictionary 
{ 
  { "selectedListId", documentTrackerList.Id }, 
  { "selectedListUrl", relativeSiteUrl + "/Document Tracker" }, 
  { "webRelativeListUrl", "/Lists/Document Tracker" }, 
  { "webpartHeightKey", "4" }, 
  { "webPartTitle", "Document Tracker" } // Add this field 
}

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.

Share via

WebPart Title not showing when added with Graph API

1 answer

Your answer