SharePoint 2013 Online Creating the Page Layout
1.SharePoint Designer 2013
2.Design Manager
1.SharePoint Designer 2013
2.Design Manager
SharePoint Designer 2013 :
Open your web site with SharePoint Designer 2013
Go to the Page Layouts Panel and click on New Page Layout
Name the file JobPostingSPD.aspx->specify JobPostingSPD in the url.
Display the ToolBox Pane by clicking on the View Ribbon-Task Panes menu : the Toolbox Pane will show up on the right side of the window; in the SharePoint Controls group, you will find your Content Type fields :
Open your web site with SharePoint Designer 2013
Go to the Page Layouts Panel and click on New Page Layout
Name the file JobPostingSPD.aspx->specify JobPostingSPD in the url.
Display the ToolBox Pane by clicking on the View Ribbon-Task Panes menu : the Toolbox Pane will show up on the right side of the window; in the SharePoint Controls group, you will find your Content Type fields :
Open your aspx page and type the following lines in the PlaceHolderMain (we won’t use html tables):
<ul>
<li><span>Title</span></li>
<li><span>Des</span></li>
<li><span>Req</span></li>
</ul>
<li><span>Title</span></li>
<li><span>Des</span></li>
<li><span>Req</span></li>
</ul>
The good practice when usying css styles is to share them in a separate file.
Now to each </span>, drag and drop the correspond field from the Toolbox :
Also, as a developer it is worth noting that the layout page is derived from the: Microsoft.SharePoint.Publishing.PublishingLayoutPage
Go to the Pages library, add the JobPosting content type.
Go to the Pages library, add the JobPosting content type.
Go to the Pages library and add a new document : the JobPosting content type should be visible
