Sharepoint 2013 change existing publish page layout to publish to CSOM
Although there is a new Microsoft.SharePoint.Client.Publishing namespace in SharePoint 2013 CSOM , it is still relatively API-limited compared to the SSOM analogy. For example, the CSOM PublishingPage class does not provide a property Layout
such as SSOM PublishingPage
.
How to set the page layout for a publish page using SharePoint CSOM
The following example lets you set a page layout using CSOM in SharePoint 2010/2013:
pageItem["PublishingPageLayout"] = new FieldUrlValue() { Url = "<page layout server relative url>", Description = "<page layout name>" };
Example
The following example shows how to set the Blank Web Part page
page layout for a page:
var pagesList = ctx.Web.Lists.GetByTitle("Pages");
var pageItem = pagesList.GetItemById(listItemId);
pageItem["PublishingPageLayout"] = new FieldUrlValue() { Url = "/_catalogs/masterpage/BlankWebPartPage.aspx", Description = "Blank Web Part page" };
pageItem.Update();
ctx.ExecuteQuery();
How to set content type for a list item
To set the content type for a list item, the content type must be available in the list. The following method is for this purpose:
public static void SetListItemContentType(ListItem item, ContentType contentType)
{
var ctx = item.Context;
//1. Ensure Content Type is available in List
var list = item.ParentList;
var result = ctx.LoadQuery(list.ContentTypes.Where(ct => ct.Name == contentType.Name));
ctx.ExecuteQuery();
var listContentType = result.FirstOrDefault();
if (listContentType == null)
{
list.ContentTypes.AddExistingContentType(contentType);
list.Update();
ctx.ExecuteQuery();
}
//2. Set Content Type for List Item
item["ContentTypeId"] = contentType.Id;
item.Update();
ctx.ExecuteQuery();
}
Using
var result = ctx.LoadQuery(ctx.Site.RootWeb.AvailableContentTypes.Where(ct => ct.Name == "Contoso Article Page"));
ctx.ExecuteQuery();
var pageContentType = result.FirstOrDefault();
var pagesList = ctx.Web.Lists.GetByTitle("Pages");
var pageItem = pagesList.GetItemById(7);
SetListItemContentType(pageItem, pageContentType);
source to share
Try the following:
function updatePublishingPage(pageUrl,properties) {
var context = SP.ClientContext.get_current();
var site = context.get_site();
var web = context.get_web();
var pageFile = web.getFileByServerRelativeUrl(pageUrl);
var pageItem = pageFile.get_listItemAllFields();
context.load(site);
context.load(pageItem);
context.executeQueryAsync(
function () {
for(var propName in properties) {
var property = properties[propName];
var itemValue = pageItem.get_item(propName);
if(property.Type == "Url") {
var pagelayoutUrl = site.get_url() + property.Value.split(',')[0].trim();
itemValue.set_url(pagelayoutUrl);
var pagelayoutDesc = property.Value.split(',')[1].trim();
itemValue.set_description(pagelayoutDesc);
pageItem.set_item(propName,itemValue);
}
}
pageItem.update();
context.load(pageItem);
context.executeQueryAsync(
function () {
console.log(pageItem);
},
function (sender, args) {
console.log('Failed: ' + args.get_message());
}
);
},
function (sender, args) {
console.log('Failed: ' + args.get_message());
}
);
}
call the following:
var properties = {'PublishingPageLayout' : {'Type': 'Url','Value': '/_catalogs/masterpage/ArticleLeft.aspx, Image on left'}}; //Image on Left page layout
updatePublishingPage('/news/Pages/Latest-News.aspx',properties);
source to share