Sharepoint 2013 Script Editor web part CData for custom page layout using visual studio.

By -
In order to include a javascript into a custom page layout,we can use script editor web part. Below snippet used to add a Script Editor web part to a layout.This script editor web part specific for Sharepoint 2013.But in the case of a Sharepoint 2010, we don't have a script editor web part.So we can use content editor web part in order to include a javascript to a page or layout.


<AllUsersWebPart WebPartZoneID="MainTopZone" WebPartOrder="1">
        <![CDATA[
      <webParts>
<webPart xmlns="http://schemas.microsoft.com/WebPart/v3">
<metaData>
<type name=
"Microsoft.SharePoint.WebPartPages.ScriptEditorWebPart, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
<importErrorMessage>$Resources:core,ImportErrorMessage;</importErrorMessage>
</metaData>
<data>
<properties>
<property name="Title" type="string">$Resources:core,ScriptEditorWebPartTitle;</property>
<property name="Description" type="string">$Resources:core,ScriptEditorWebPartDescription;</property>
<property name="ChromeType" type="chrometype">None</property>
        <property name="Content" type="string">
        &lt;script type=&quot;text/javascript&quot; src=&quot;/_layouts/15/Ava.PM.Projects/Scripts/yourscript.js&quot; &gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
_spBodyOnLoadFunctionNames.push(&quot;yourfunctionOnload&quot;); 
&lt;/script&gt;
        </property>
</properties>
</data>
</webPart>
</webParts>
        ]]>

       </AllUsersWebPart>

 Where the content highlighted in red is a Encoded HTML.The actual content is 

 <script type="text/javascript" src="/_layouts/15/Ava.PM.Projects/Scripts/yourscript.js" ></script>
<script type="text/javascript">
_spBodyOnLoadFunctionNames.push("yourfunction"); 

</script>

Use the below link to encode a your HTML.

HTML Encoder

Anandan is a SharePoint and Microsoft Azure consultant.He is having 9+ years of experience in the web, cloud, Machine Learning, IoT and mobile technology. He handled multi-platform solution as a consultant with the experience of designing, developing and deploying solutions by leveraging Microsoft, IBM, Apple, and Google technology stack, has played a dynamic role in the development of SharePoint and ML technologies. He writes articles related to SharePoint Online/On-Premises and Machine Learning.

Comments

Post a Comment

Popular posts from this blog

Bulk update and delete using SPservice in SharePoint

By -
$().SPServices.SPUpdateMultipleListItems({ listName: "States" , CAMLQuery: "<Query><Where><Eq><FieldRef Name='Status'/><Value Type='Text'>Active</Value></Eq></Where></Query>" , valuepairs: [["Status", "Inactive"]] }); This call to SPUpdateMultipleListItems will update all of the items in the States list which have their Status = "Active", setting their Status = "Inactive". $().SPServices.SPUpdateMultipleListItems({ listName: "States" , CAMLQuery: "<Query><Where><Eq><FieldRef Name='Status'/><Value Type='Text'>Inactive</Value></Eq></Where></Query>" , batchCmd: "Delete" }); This call to SPUpdateMultipleListItems will delete all of the items in the States list which have their Status = "Inactive".
Read more
By -
Image
  How software helped world during the pandemic The COVID-19 pandemic has changed the way we work, study and socialize. In particular, it has accelerated the trend towards digitalization. Many organizations have had to adopt new technologies to stay afloat during these difficult times. Here, we take a look at how different software applications have helped people and businesses during the pandemic. How did software help during the pandemic? Software has helped the world in a number of ways during the pandemic. Perhaps most importantly, it has allowed people to stay connected when they otherwise would have been isolated. It has also been a valuable tool for research and data collection, helping to inform decision-makers about the best course of action to take. In addition, software has played a role in the development and distribution of vaccines and treatments. And it will continue to be an important part of the response to the pandemic, helping us to track the spread of the di...
Read more

Sharepoint 2013-Minimal Download Strategy.

By -
Image
You might seen the page URL in sharepoint 2013 looks like below. http://sp201323:8085/sites/TeamSite/_layouts/15/start.aspx #SitePages/Home.aspx In the above URL, you are looking for home.aspx to load.But the URL targets start.aspx .Do you know what is the reason behind this? This is nothing but Minimal Download Strategy Feature. Minimal Download Strategy (MDS) is a new technology in SharePoint 2013 that reduces the amount of data that the browser has to download when users navigate from one page to another in a SharePoint site. Benefits of using MDS Using MDS provides several benefits, including: Speed:   Smooth transitions: Browser navigation controls:   Other AJAX-based systems confuse the   previous   and   next   buttons in browsers. Because MDS updates the URL in the browser window, the previous and next buttons work just as they are supposed to. Backward compatibility:   The MDS engine either provides M...
Read more