Sunday, 31 March 2013

New JavaScript Display Template in SharePoint 2013

No comments:
Excellent Post at about the new JavaScript Display Template in SharePoint 2013.

JavaScript Display Template Content Type - This is a new Content Type Introduced in SharePoint 2013 to Create a new custom CSR JavaScript Display Template in the Master Page gallery of the site. JavaScript Display Template Content Type has some special Site Columns added to it that will help specify the target element (view,webpart etc..) where the JavaScript File’s magic or custom rendering will be Implemented.

Lets Look at the Steps to upload a new Js file as a new Javascript Display Template and look at the description of Site Columns.

1. Navigate to the Master Page Gallery (Site Settings -> under Web Designer Galleries -> Master Pages).

2. Select Files tab and then Upload Document.

3. Browse to the new JavaScript file that you have created and select Ok.

Task Status Indicators
JavaScript Display Template Upload Js
4. Next select “JavaScript Display Template” in the Content Type drop-down.

Add Javascript display template SharePoint 2013
5. Next specify the Name, Title, Description properties along with some special properties like “Target Control Type Standalone,Target Scope and Target List Template ID” for this new JS file.

Target Control Type - By description “Target Control Type is the Type of Control that you will be using in this Display Template or JavaScript File”. For example if your Display Template or JavaScript File will be controlling the rendering of a View in a List, then the Target Control Type value should be “View”.
There are three possible options

  • Form
  • View
  • Field

Standalone - Specifies if you need to include this JavaScript File Override during view selection.Default options are

  • Override
  • Standalone

Target Scope - URL of the website this override applies to. This can be a relative path to your Site Collection or subsite.

Target List Template ID - Specify the ID of the list Template type this Override or JavaScript render applies to.Use the list Here to determine the Template Id for the type of list that you will applying this rendering upon.
For example, 107 would be the Target List Template ID for a Tasks List.

Upload Js template SharePoint 2013

Upload JS Template SharePoint 2013

Once your done adding document properties Save it.

Don’t forget to Publish it as major Version before start using it.

Saturday, 30 March 2013

List of the Snippets for Master Pages in SharePoint 2013

No comments:
In SharePoint 2013 the new Snippet Gallery provides an easy way to get Codes for very useful SharePoint Out-of-box Controls like Navigation,Security Trimming Control,Edit Panel Control,Search,Device Channel and more.

For a typical Master Page you can add Snippets for the following -
"Master Page Snippets SharePoint 2013"

Navigation - The navigation snippets provide common navigation links and menu items on a site page.
  • Top Navigation : The navigation snippets provide Top Navigation links.
  • Vertical Navigation : The navigation snippets provide Left Navigation links
  • Search Box: Place the search box component on your page to allow users to search your site
Administration –
  • Site Title : This is a ‘Site Title’ Control which users with administrative permissions can change in Site Settings.
  • Site Logo : This is a ‘Site logo’ Control which users with administrative permissions can change in Site Settings.
  • Sign In : Only authenticated users can see the ribbon. To give anonymous users a way to log into your site, insert the sign in snippet, which authenticated users won’t see.
Containers –
  • Edit Mode Panel :To display content, including snippets, to contributing site authors only, place it inside an Edit Mode Panel. (For example, an Edit Mode Panel might contain instructions and notes for page authors.)
    • Show Only in Edit Mode
    • Show Only in Regular Mode
  • Security Trim :To display content only to those users who have a specified level of security permissions, you can use a Security Trim Control.
    •         Show to Authors
    •         Show to Authenticated Users
    •         Show to Administrators
  • Device Channel Panel : A Device Channel Panel displays the content defined within it to one or more specified Device Channels. Device Channel Panels are typically used on Page Layouts to selectively hide certain regions and functionality from or show them to specified channels, and define channel-specific CSS.
Web Parts  -
Media and Content –
  • Media Web Part
  • Content Editor
  • Get started
  • Image Viewer
  • Page Viewer
  • Picture Library
  • Script Editor
  • Silverlight Web Part
"Media and Content"

Dynamic Content –
  • Content Query
  • Summary Links
  • Table of Contents
  • Timeline
  • Relevant Document
  • XML Viewer
  • Term Property
  • Rss Viewer
  • Sites in Category
  • Categories
"dynamic content"

 Other WebParts –

Other webparts snippets

Custom ASP.NET Markup -
If you have any ASP.NET elements you’d like to include that aren’t available in the Snippet Gallery, paste the markup for those elements into the text box below, click the Update button, and paste the resulting HTML Snippet into your page.

Change Master Page and Theme in SharePoint 2013

1 comment:
Changing a Theme and a Master Page can be done while Selecting and Trying out Themes using the
 the new "Change the Look" option in Site Settings or under Look and Feel in Settings menu.

Lets Look at the Steps -

Select the "Change the Look" in Settings Option.

Here you can find some really good SharePoint Themes which can switch the look of your Office 365 site in minutes. Here is a quick look of the Themes

When you select one of the themes you would find some Interesting Options like you can Change the background Image of the site,select a color Scheme, Select the desired font and a desired Master Page. Once you are done click on “Try it Out” on the top right of the Master Page.

Next click on “Yes, Keep it” to apply this new Look.

Here is the Final Result.

Sunday, 3 March 2013

Customize Top Suite bar in SharePoint 2013

No comments:
Here are some Importnat links that will be used to Customize Top Suite bar in SharePoint 2013.

To Customize left "SharePoint' or 'Office 365' text in top left see -

To Customize NewsFeed,Skydrive,Sites bar (DelatSuitelinks) see -

To Customize Shared,Follow,SYNC bar (Promoted Actions) see -

Error Creating Layout Page 'Sorry, something went wrong..' in SharePoint 2013

No comments:
Past day I tried to follow a new article Here on for Creating Custom Layout Pages in SharePoint 2013 but when I clicked on "Create a Layout" link in Deisgn Manager I got the following error -

The error has no proper explanation and I couldn't find anything on google as well.I tried Re-Creating Site and Re-enabling Publishing feature in the site but nothing worked.
Finally, Re-Creating the Site Collection worked and the regular popup started appering.

Sunday, 10 February 2013

Programmatically Create Social Profile in SharePoint 2013

No comments:
Its been a while since I wrote a blog entry. Here is something that will be useful to all.

In User Profiles each user now has a Social Profile to track interact with Social activities or properties of a User. In addition to the existing ones in SharePoint 2013 Ms has Included the following new objects that represent Users and User Properties:

The SocialActor object represents users (and other entities) for feed,following and other social activities.

The PersonProperties object contains general user properties and user profile properties. PersonProperties is the primary API for accessing user properties from client-side code.

//Create a Social Profile with SPSocialFollowingManager

SPSocialFollowingManager _followManager = new SPSocialFollowingManager(profile);

//Create a Social actor of type Document

SPSocialActorInfo newActor = new SPSocialActorInfo();

newActor.ActorType = SPSocialActorType.Document;

//Follow the document actor
newActor.ContentUri = new Uri('path of document to follow');

Please Note that to Create or Change user profiles, you must use the server object model. User profiles and user profile properties from client APIs are read-only (except the user profile picture).

Sunday, 18 November 2012

SharePoint 2013 Use Project Sites to Manage Work

No comments:
SharePoint 2013 Use Project Sites to Manage Work

Project sites enable people in an organization to effectively collaborate on lightweight projects. Project managers can quickly get a sense of what’s going on in a project, and team members can quickly see how their work fits into the overall context. Project sites also enable teams to access and share relevant data, documents, and communication.

A project site provides the following:
  • Project Summary Web Part.
  • Visual timeline of the project’s tasks.
  • Project task schedule.
  • Library for storing relevant project documents.
  • Notebook for quickly capturing and organizing information about the project.
  • Shared calendar for team events.
  • Ability to connect to the Project Server 2013 client application.
When SharePoint is connected to Exchange, a project site can also include a team mailbox, for unified communication about the project as it progresses.
When a project site is part of a site collection that is associated with Project Server 2013, it can also be used to capture issues, risks, and deliverables. The tasks list on the project site (or on a team site) can be added to the Project Web App for more robust project management functionality.