Reusable code snippet via SharePoint Designer

By:   |   Comments   |   Related: > SharePoint


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.


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 :

windows update

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

open site

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

site pages

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

check out

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

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:

alert script

- 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":;:

alert script

- Here's the code/script snippet inserted automatically after selecting the keyword "Alert-Script":

place holder

- Right click again on the "Home.aspx" page then select "Check In", then save:

check in

- Now , Let's go to the "Home.aspx" page to check our script:

site actions
Next Steps

sql server categories

sql server webinars

subscribe to mssqltips

sql server tutorials

sql server white papers

next tip

About the author
MSSQLTips author Hesham Saad Hesham Saad

This author pledges the content of this article is based on professional experience and not AI generated.

View all my tips

Comments For This Article

get free sql tips
agree to terms