Skip to main content

Page layout HTML changes not reflected in associated aspx

I had this issue for quite sometime with a SharePoint Online project I was working on. I use Design Manager to create a new layout page and add snippets to the html layout. I would create webpart zones, add my webpart snippets on to the html, save and publish but the resulting aspx page wouldn't have any of my webparts in it.

I checked it from SPD 2013 and everything looks perfect, I can see all the code snippets in there. It was really strange and I had no clues.

I had some content search webparts in the layout and one content editor webpart with a link to a text file with some css in it. After countless hours on the internet I read about few other people having similar issues when they had custom css on the layout pages to hide quick launch.

I tried removing my content editor webpart and everything seems to be normal. A new page created using the layout had all the webparts in it and even the layout preview was displaying fine.

I needed this css somewhere on the page and getting that was tricky because you cannot just apply css styles inline on the page. The trick is to use the Design Manager syntax for css which is this:

<!--MS:<style type="text/css">-->

<!--ME: </style>-->

The above code for me was within the closing <!--ME:</asp:ContentPlaceHolder>-->

Once I changed my layout with styles enclosed as shown above everything was working as expected.

Another thing that may help while working with page layouts is that if you want to reuse MS css for the DIV to contain your webpart zones you may have to use the following style sheet in your page layout:

<!--CS: Start Edit Mode Panel Snippet-->
<link href="https://yourtenant.sharepoint.com/sites/iss/Style%20Library/en-us/Themable/Core%20Styles/pagelayouts15.css" rel="stylesheet" type="text/css" ms-design-css-conversion="no" />

 What may also help is deleting and recreating the page layout.

PS: You do not have to use CDATA tags for your css.

Labels:

Comments

Post a Comment

Popular posts from this blog

Users do not show up in SharePoint People Search or People Picker

I had this issue with people picker in a classic mode web application in SharePoint 2013 and this site is in 2010 mode - users in certain sub-domains would not show up in People Picker. I was aware of stsadm commands to fix this and we ran the stsadm command to hook up people picker with another domain some time back. The latest issue was that people picker was not returning users from the root domain and few sub domains. After researching on the internet I found (contrary to my thoughts) that we could use PowerShell and not just stsadm to map People Picker to domains. It is a good idea to first check what domains are added/mapped to the web application using the following commands: $wa = Get-SPWebApplication -Identity http://mywebapp.com #List the Domains $wa.PeoplePickerSettings.SearchActiveDirectoryDomains This will list the domains currently People Picker is looking up for that web application. I used the following script to map our AD forest to People Picker: ...
Post a Comment
Read more

Difference between the architectures of SSPs and SharePoint Service Application

SharePoint 2010 has some new features and components, which help to overcome difficulties such as redundancy and service-sharing that we faced while using SharePoint 2007.  Services in MOSS 2007 were implemented with the help of Shared Service Providers or SSPs. But we cannot use the services of one SSP for another SSP. So each SSP has to have its own set of services and applications, which increases redundant data in the farm.  For example, different managers in the same organization use a SharePoint site to maintain official data associated with an SSP. This SSP is associated with different services, such as Search service, BDC service, and a user profile service. A project manager in this organization requests an exclusive user profile service to maintain project data security. To provide this, we first need to create a separate SSP for the project manager and then a separate service called user profile service - project name. Next, we need to associate the SSP with ...
5 comments
Read more