Modifying the Display Template for People Search Results

I was working on HTML for displaying people search results and found a very decent article about creating/modifying the Item_Person.htm template.

http://social.technet.microsoft.com/Forums/sharepoint/en-US/90ae7c55-63fc-4f8c-b77b-6ca3846e9610/how-to-create-a-display-template-for-people-search-results

What is a Display Template?
Check here: http://mysplist.blogspot.com/2013/09/display-templates-for-search-result-web.html

Display Templates for Search Result Web Part

A very nice article on Display Templates for Search Result Web Part for SharePoint 2013.

http://blogs.technet.com/b/sharepoint_quick_reads/archive/2013/08/01/sharepoint-2013-customize-display-template-for-content-by-search-web-part-cswp-part-1.aspx

Adding Java Script File Reference to Head Tag from WebPart

Scenario: In my recent web part development project, I had to include a custom java script and css file for the UI of the web part. Now, I was writing all the C# code in CreateChildControl so reference to js file comes in the Body tag of the rendered HTML page. Ideally all the references to js and css should render inside the Head tag.

Solution: In CreateChildControl function, use following code:

using System.Web.UI.HtmlControls;

HtmlGenericControl MyJS = new HtmlGenericControl("script");
MyJS.Attributes.Add("type", "text/javascript");
MyJS.Attributes.Add("src", "/_layouts/15/scripts/Mobile_Custom.js");
Page.Header.Controls.Add(MyJS);

HtmlGenericControl MyCSS = new HtmlGenericControl("link");
MyCSS.Attributes.Add("rel", "stylesheet");
MyCSS.Attributes.Add("href", "/_layouts/15/Styles/Mobile_Custom.css");
Page.Header.Controls.Add(MyCSS);