Reusable code snippet via SharePoint Designer

By: Hesham Saad | Comments | Related: > SharePoint

Problem

One of the restrictions and limitations of SharePoint Designer 2007 was that we can't save our scripts to be reusable for the entire site. But with SharePoint Designer 2010 we'll see how to create a reusable - code/script snippet.

Solution

Code snippets are pre-defined blocks of code / html. We can use a snippet to enter a short block quickly and easily - just as we do in Visual Studio. Let's follow up the steps below to create a reusable - code/script snippet via SharePoint Designer 2010:

- Click on "Start" -> SharePoint -> Microsoft SharePoint Designer 2010 :

- Click "Sites" -> Open Site: Type your site URL -> Open:

- Click on "All Files" under the "Navigation" Section, then double click "SitePages":

-Right click on the "Home.aspx" page, then select "Check Out":

- Then right click again on "Home.aspx" and select "Edit File in Advanced Mode":

- Click on the "Create" button under "Edit" (Ribbon Menu Items):

- Type a "Keyword" value (ex: "Alert-Script") and "Description", then add your code/script below as seen:

- Then go to your page and open HTML code then click on "Show" button under "Edit" (Ribbon Menu Items) and select the created keyword "Alert-Script":;: