[SharePoint] Referencing CSS and JavaScript

By -

Here's another one that has been widely covered, yet, not in depth.

When creating custom master pages, a link for css and javascript files is required.
What to do?

- Use AlternateCssUrl property from SPWeb object?
- Use a relative path, such as "/Style Library/theme.css"?
- What about using a site scoped URL?

So lots of blogs tell us to use SPUrl property , and it does work.
~site for the current web site
~sitecollection for the current site collection url (root web site)
 

<link runat="server" rel="stylesheet" type="text/css" href="<% $SPUrl:~SiteCollection/Lists/CustomThemeList/theme.css%>" />
<script type="text/javascript" src='<asp:Literal runat="server" Text="<%$SPUrl:~SiteCollection/Lists/CustomThemeList/js/script.js%>" />' ></script>


Unfortunatelly, SPUrl is not supported on SharePoint Foundation (WSS).

   
So let's try using ProjectProperty instead, which supports WSS as well as Server versions of SharePoint.
SiteUrl for the root site of the site collection
Url for the current web site


<asp:literal runat="server" Text="<link type='text/css' rel='stylesheet' href='"/>
    <SharePoint:ProjectProperty Property="SiteUrl" runat="server" />
    <asp:literal runat="server" Text="/CustomThemeList/theme.css'/>"/>

    <script type="text/javascript" src='<SharePoint:ProjectProperty Property="SiteUrl" runat="server" />/CustomThemeList/js/jquery-1.8.3.min.js' ></script>
    <script type="text/javascript" src='<SharePoint:ProjectProperty Property="SiteUrl" runat="server" />/CustomThemeList/theme.js' ></script>   


Comments

Post a Comment

Popular posts from this blog

Breaking down document locking in SharePoint

By -
Image
This is a topic I've been meaning to discuss in a while. We open, change and close documents almost every day, and sometimes we collaborate with other people at the same time on those documents. SharePoint brings all co-authoring features we need, straight out-of-the-box, but sometimes, there are problems. While things are starting to look better on the cloud side, the concept of document locking is still very much up-to-date and understanding how it works and what to do when things go wrong is crucial. In an article that has since disappeared the Microsoft Knowledge Base (but still available here ), Microsoft explains it best: When a document is opened by a client program, Windows SharePoint Services puts a write lock on the document on the server. The write lock times out after 10 minutes. Users cannot modify the document during the time when the document is locked. In a scenario where the program that opens the document unexpectedly quits or crashes and you try to open the do
Read more

Working around X-Frame-Options for iframes

By -
Image
The problem: One of the first things we noticed after migrating to SharePoint 2013 was that our iframes have stopped working, giving the error: "Refused to display 'http://contoso/pages/home.aspx' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'." Quickly we could see that this is in fact a security mechanism to prevent click-jacking and others: "The X-Frame-Options HTTP response header can be used to indicate whether or not a browser should be allowed to render a page in a frame or iframe. Sites can use this to avoid Clickjacking attacks, by ensuring that their content is not embedded into other sites." Soon we realized that, starting SharePoint 2013, an HTTP Module is adding the header " X-Frame-Options " by default, with the value " SAMEORIGIN ". This is effectively preventing the rendering of pages outside the scope of the current web application. The (attempted) solution: So what to do?
Read more

Document ID not being generated

By -
Image
Problem In a scenario where we have many document Content Types, we may want to enable Document ID - aka "Permanent Links" - which is a feature in SharePoint that assigns a specific ID for each document. That ID never changes even if the document is renamed or moved to another location. In this scenario, the Document ID field was being generated for some libraries/content types, but not others, which is a surprisingly common problem. Background There are several stages we need to go through to enable use this mechanism. Stage 1 We enable the feature in the Site Collection Features. Stage 2 Under Site Collection Administration > Document ID Settings, we need to enable the assignment and pick a prefix. The IDs use the format: PREFIX-LISTID-LISTITEMID ( ref ) Where: PREFIX: the preconfigured prefix for the site collection, which can be any set of numbers and letters between 4-12 characters LISTID: the property docid_msft_hier_listid of the list
Read more