SOLVED

New Page layout include page title and name.

%3CLINGO-SUB%20id%3D%22lingo-sub-174535%22%20slang%3D%22en-US%22%3ENew%20Page%20layout%20include%20page%20title%20and%20name.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-174535%22%20slang%3D%22en-US%22%3E%3CP%3EI%E2%80%99ll%20start%20by%20saying%20I%E2%80%99m%20not%20a%20developer%2C%20so%20apologies%2C%20but%20I%20raised%20a%20supported%20call%20as%20told%20it%20was%20a%20development%20issue%20so%20they%20couldn%E2%80%99t%20help.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EScenario%E2%80%A6%3C%2FP%3E%0A%3CP%3EWhen%20using%20the%20Design%20Manager%20(SharePoint%20Online)%20to%20create%20a%20custom%20page%20layout%2C%20the%20resultant%20page%20includes%20the%20page%20Name%20and%20Page%20Title%20in%20the%20layout.%3C%2FP%3E%0A%3CP%3EThis%20does%20not%20occur%20with%20the%20default%20layouts%2C%20and%20there%20doesn%E2%80%99t%20appear%20to%20be%20a%20way%20to%20remove%20the%20page%20name%20field%2C%20it%20doesn%E2%80%99t%20appear%20as%20a%20control%20in%20page%20layout%20html%20template%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ETo%20reproduce%20the%20issue%2C%3C%2FP%3E%0A%3COL%3E%0A%3CLI%3ESimply%20create%20a%20new%20page%20layout%20using%20Design%20Manager%20in%20a%20Publishing%20site.%3C%2FLI%3E%0A%3CLI%3EDo%20not%20edit%20the%20html%20page.%3C%2FLI%3E%0A%3CLI%3EPublish%20the%20layout%2C%3C%2FLI%3E%0A%3CLI%3ECreate%20a%20new%20page%20and%20select%20the%20newly%20created%20layout.%20(%20give%20the%20page%20a%20title%2C%20%E2%80%98name%20with%20spaces%201%E2%80%99%2C%20this%20creates%20a%20page%20name%20name-with-spaces-1%3C%2FLI%3E%0A%3CLI%3ESave%20and%20view%20the%20page%2C%20with%20the%20new%20layout..%3C%2FLI%3E%0A%3C%2FOL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThe%20problem%20is%2C%20now%20at%20the%20top%20of%20the%20viewed%20page%20you%E2%80%99ll%20see%20both%20page%20Title%20and%20page%20Name..%20so%20you%20get%20name%20with%20spaces%201%20and%20name-with-spaces-1%20displayed%E2%80%A6%26nbsp%3B%20This%20doesn%E2%80%99t%20occur%20with%20default%20page%20layouts.%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-left%22%20style%3D%22width%3A%20531px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F30738i316C71591B1CA35D%2Fimage-dimensions%2F531x258%3Fv%3D1.0%22%20width%3D%22531%22%20height%3D%22258%22%20alt%3D%22Capture.PNG%22%20title%3D%22Capture.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EMicrosoft%20gave%20me%20the%20following%20code%20snippet%2C%20BUT%20this%20removes%20%3CU%3Eboth%3C%2FU%3E%20Title%20and%20Name.%3C%2FP%3E%0A%3CPRE%3E%26lt%3Bscript%20type%3D%22text%2Fjavascript%22%26gt%3B%0Adocument.getElementById('DeltaPlaceHolderPageTitleInTitleArea').style.display%20%3D%20'none'%3B%0A%26lt%3B%2Fscript%26gt%3B%3C%2FPRE%3E%0A%3CP%3EHow%20do%20I%20go%20about%20removing%20the%20Page%20Name%20from%20the%20layout%2C%20permanently%20for%20subsequent%20new%20pages.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks%20in%20advance%20.%3C%2FP%3E%0A%3CP%3ERuss%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-174874%22%20slang%3D%22en-US%22%3ERe%3A%20New%20Page%20layout%20include%20page%20title%20and%20name.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-174874%22%20slang%3D%22en-US%22%3EThanks%20Paul...%20perfect!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-174707%22%20slang%3D%22en-US%22%3ERe%3A%20New%20Page%20layout%20include%20page%20title%20and%20name.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-174707%22%20slang%3D%22en-US%22%3E%3CP%3EOne%20way%20to%20remove%20it%2C%20is%20by%20downloading%20your%20Page%20Layout%20HTML%20file%20first.%20You%20can%20download%20from%20the%20%22Edit%20Page%20Layouts%22%20screen%20in%20Design%20Manager.%20Then%20open%20this%20file%20in%20your%20favorite%20HTML%20editor%20(Notepad%20for%20example...).%20Look%20for%20the%20code%20below%20and%20remove%20it.%20Then%20save%20your%20file%20and%20upload%20it%20back.%20You%20can%20drag%20and%20drop%20from%20your%20file%20system%20onto%20the%20%22Edit%20Page%20Layouts%22%20screen%20in%20Design%20Manager.%20Publish%20the%20Page%20Layout%20and%20your%20change%20should%20be%20visible%20everywhere%20the%20Page%20Layout%20is%20used%20and%20also%20for%20future%20pages.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EHope%20this%20helps!%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%3E%26lt%3B!--SPM%3A%26lt%3BSharePoint%3ASPTitleBreadcrumb%20runat%3D%22server%22%20RenderCurrentNodeAsLink%3D%22true%22%20SiteMapProvider%3D%22SPContentMapProvider%22%20WelcomePageUsesWebTitle%3D%22false%22%26gt%3B--%26gt%3B%0A%26lt%3B!--SPM%3A%26lt%3BPATHSEPARATORTEMPLATE%26gt%3B--%26gt%3B%0A%26lt%3B!--SPM%3A%26lt%3BSharePoint%3AClusteredDirectionalSeparatorArrow%20runat%3D%22server%22%2F%26gt%3B--%26gt%3B%0A%26lt%3B!--SPM%3A%26lt%3B%2FPATHSEPARATORTEMPLATE%26gt%3B--%26gt%3B%0A%26lt%3B!--SPM%3A%26lt%3B%2FSharePoint%3ASPTitleBreadcrumb%26gt%3B--%26gt%3B%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Occasional Contributor

I’ll start by saying I’m not a developer, so apologies, but I raised a supported call as told it was a development issue so they couldn’t help.

 

Scenario…

When using the Design Manager (SharePoint Online) to create a custom page layout, the resultant page includes the page Name and Page Title in the layout.

This does not occur with the default layouts, and there doesn’t appear to be a way to remove the page name field, it doesn’t appear as a control in page layout html template?

 

To reproduce the issue,

  1. Simply create a new page layout using Design Manager in a Publishing site.
  2. Do not edit the html page.
  3. Publish the layout,
  4. Create a new page and select the newly created layout. ( give the page a title, ‘name with spaces 1’, this creates a page name name-with-spaces-1
  5. Save and view the page, with the new layout..

 

The problem is, now at the top of the viewed page you’ll see both page Title and page Name.. so you get name with spaces 1 and name-with-spaces-1 displayed…  This doesn’t occur with default page layouts.

Capture.PNG

 

 

 

 

 

 

 

 

 

 

 

 

Microsoft gave me the following code snippet, BUT this removes both Title and Name.

<script type="text/javascript">
document.getElementById('DeltaPlaceHolderPageTitleInTitleArea').style.display = 'none';
</script>

How do I go about removing the Page Name from the layout, permanently for subsequent new pages.

 

Thanks in advance .

Russ

2 Replies
Highlighted
Best Response confirmed by Russ Hancock (Occasional Contributor)
Solution

One way to remove it, is by downloading your Page Layout HTML file first. You can download from the "Edit Page Layouts" screen in Design Manager. Then open this file in your favorite HTML editor (Notepad for example...). Look for the code below and remove it. Then save your file and upload it back. You can drag and drop from your file system onto the "Edit Page Layouts" screen in Design Manager. Publish the Page Layout and your change should be visible everywhere the Page Layout is used and also for future pages.

 

Hope this helps! 

 

<!--SPM:<SharePoint:SPTitleBreadcrumb runat="server" RenderCurrentNodeAsLink="true" SiteMapProvider="SPContentMapProvider" WelcomePageUsesWebTitle="false">-->
<!--SPM:<PATHSEPARATORTEMPLATE>-->
<!--SPM:<SharePoint:ClusteredDirectionalSeparatorArrow runat="server"/>-->
<!--SPM:</PATHSEPARATORTEMPLATE>-->
<!--SPM:</SharePoint:SPTitleBreadcrumb>-->

 

Highlighted
Thanks Paul... perfect!