Skip to main content

Create a Custom Layout for SharePoint 2016 and Upload to the Page Layout Library– Part 2

My first article I have explained about a creation of Basic Share Point  Page Layout.

http://melick-rajee.blogspot.com/2018/07/sharepoint-2016-create-custom-layout.html

By referring above article you can create a simple Page Layout as below.


<%@ Page Language="C#" Inherits="Microsoft.SharePoint.Publishing.PublishingLayoutPage,
Microsoft.SharePoint.Publishing,Version=15.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="SharePointWebControls" Namespace="Microsoft.SharePoint.WebControls" 

Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" 

Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="PublishingWebControls" 

Namespace="Microsoft.SharePoint.Publishing.WebControls" 

Assembly="Microsoft.SharePoint.Publishing, Version=15.0.0.0, 
Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<asp:Content ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server">
     <SharePointWebControls:CssRegistration name="<% 
     $SPUrl:~sitecollection/Style Library/~language/Themable/Core Styles/pagelayouts15.css %>" 

     runat="server"/>
     <PublishingWebControls:EditModePanel runat="server">
         <!-- Styles for edit mode only-->
         <SharePointWebControls:CssRegistration name="<% 
         $SPUrl:~sitecollection/Style Library/~language/Themable/Core Styles/editmode15.css %>"

             After="<% $SPUrl:~sitecollection/Style Library/~language/Themable/Core Styles/
             pagelayouts15.css %>" runat="server"/>
     </PublishingWebControls:EditModePanel>

    <style type="text/css">
         <!-- Styles -->
     </style>
     <script type="text/javascript">
         // your code
      
     </script>
</asp:Content>

<asp:Content ContentPlaceHolderId="PlaceHolderPageTitle" runat="server">
     <SharePointWebControls:FieldValue FieldName="Title" runat="server"/>   
</asp:Content>

<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">
   <WebPartPages:WebPartZone runat="server" Title="Top Left" 

   ID="TopLeftZone"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</asp:Content>


Copy this template file and save it as SimplePage.aspx.

Upload the Content Template

First, Navigate to Site Settings

Then find the Web Designer Galleries and go to Mater Pages and page Layouts

Then Upload document and choose the file that you have saved previously.

Then, You need to choose correct content Type.

It should be PageLayout and you can Map with any Content Type.  For an Example, I will be mapped with Article Page.


After that, Save the page and don’ forget to publish the page.


Now we are ready to use the new page layout.

go to the Pages Library and try to create a New Page. You will see your content type listed there.
Labels:

Comments

Post a Comment

Popular posts from this blog

How to Link Two List and Create a combine view in the SharePoint 2010

In this way you can join multiple list together and can create a combine view. for an example assume that you are managing a list for some events. And also you are having a participants in separate list. Thus you want to join the two list and create a composite view. SharePoint 2010 allows you to create this kind of view using  Linked Data Source. in this approach you can create your own custom list in the SharePoint. How to Create a Linked Data source Go to SharePoint designer and  go to the link called data sources. And Click the Linked Data Source button in the ribbon. Then SharePoint designer will prompt following kind of a dialog. In there add two list, that you wan to linked together. I'm adding airline schedule and booking list. those are the two list that i wan to merge. then click next. And it will guide you another screen. it will ask you to select either Merge Merge use to combine list which are having same columns definition. for and example we can s...
32 comments
Read more

How to Improve Workflow Performance in SharePoint Server 2010

SharePoint workflows are getting  slow for several reasons. in my environment I'm having a problem with following performance issues, therefore in my environment i got following problems. When a item added to the library it takes some times to initiate the workflow. Workflow mail generating is not very fast sometimes. Workflows takes more time to process “Due to heavy load, the latest workflow operation has been queued. It will attempt to resume at a later time” is coming sometimes. I had a custom workflow approval web part and it is taking more than 30 seconds to proceed. Work Done I had a custom workflow approval web part and it is taking more than 30 seconds to proceed. here in my custom web part there is the function which is programmatically updating the workflow. SPWorkflowTask.AlterTask(item, data, false) the last parameter mentioning whether it is synchronous asynchronous. if  is it true it it will wait until workflow schedule accept the workflow task. ...
5 comments
Read more

Use Microsoft Sway Integrated with SharePoint Online /SharePoint 2013/2016

Microsoft Sway Microsoft Sway is a great online Presentation and Online Creativity Stack. Why we need Sway Assume that you are about to so a cooperate presentation for your colleagues. what are the options you have Firstly,You can create a PowerPoint presentation which you need a PowerPoint to run and if you want to share you need end users have PowerPoint client for view the deck. Secondly, You can create a simple web pages and share it with users where it can be access from all devices if it is responsive. Microsoft Sway address the second point. How to Access the Sway There are many ways that you can do this. Since I'm trying  use Sway with SharePoint Online; I will describe using SharePoint Online. First Login to the SharePoint Online Office 365 Login | Microsoft Office There You can go to all Apps   Then you can find the Sway as a App in the Menu   Click on the Sway and go the Sway web site. Here you can find standard available temples or you can start from the stre...
Post a Comment
Read more