Set People picker value Client side in Sharepoint 2013

function SetFieldValueForUser(columnNameText,userNameText)

ExecuteOrDelayUntilScriptLoaded(function () {
setTimeout(function () {
var ppDiv = $(“[id$=’ClientPeoplePicker’][title='”+columnNameText+”‘]”);
var ppEditor = ppDiv.find(“[title='”+columnNameText+”‘]”);
var spPP = SPClientPeoplePicker.SPClientPeoplePickerDict[ppDiv[0].id];
spPP.DeleteProcessedUser();// To delete the previous processed names (Not Mandatory to put this one)
}, 1000);
}, “clientpeoplepicker.js”);



Infopath form publish to different server, Makecab to package


Call Webservice from Sharepoint Page

Scenario : Get Site owner details using Webservice.

Used : .Net Webservice,Sharepoint CSOM to call get the details.

Input : Site URL

Output : Owner details

Hosted the Code in IIS website and in application pool configured service account user which is having permisiosn to Sharepoint sites.Enable Windows authentication inside website.Click on the website->IIS(Authentication)->Enable Windows and anonymous if required.

Create Webservice using visual studio

Ref : and

Webservice : C# Code (Add Microsoft.client and client.runtime dll reference .

public string GetSIteOwners(string url)
var siteowners = “”;
ctx = new ClientContext(url);
web = ctx.Web;
var groups = web.AssociatedOwnerGroup.Users;

foreach (User g in groups)

siteowners += g.Title + ” ; “;

return siteowners;

// throw new NotImplementedException();


Call the Service from Sharepoint :

function CallMyService() {
var siteurl = { url: $(“#txtInputURL”).val() };
type: “POST”,
url: “http://localhost:4444/ChatBotService.asmx/GetSIteOwners”,
data: JSON.stringify(siteurl),
crossDomain: true,
contentType: “application/json”, // content type sent to server
success: ServiceSucceeded,
error: ServiceFailed
function ServiceFailed(result) {
Log(‘Service call failed: ‘ + result.status + ‘ ‘ + result.statusText);

function ServiceSucceeded(result) {
resultObject = result.d;

Site URL : <input id=”txtInputURL” type=”text” />
<input id=”btnget” type=”button” value=”Getowners” onclick=”CallMyService();” />


Some of the issues faced while calling the webservice from Sharepoint Ajax call ;

  • XMLHttpRequest: Network Error 0x80070005, Access is denied sharepoint ajax webservice call
  • You do not have permission to view this directory or page using the credentials you supplied
  • Control-Allow-Origin’ header in the response must not be the wildcard ‘*’ when the request’s credentials mode is ‘include’. Origin ‘http://XXXXXXXX&#8217; is therefore not allowed access. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute.
  • Request header field Content-Type is not allowed by Access-Control-Allow-Headers in prefligh
  • Request header content-type was not present in the Access-Control-Allow-Headers list.

For resolving this need to add below code inside webservice webconfig file.

      <add name=”Access-Control-Allow-Origin” value=”*” />
      <add name=”Access-Control-Allow-Headers” value=”Content-Type, Authorization” />
      <add name=”Access-Control-Allow-Methods” value=”GET, POST, PUT, DELETE, OPTIONS” />


also if any other acces issue is there then add “Everyone” group to the webservice website virual directory folder.


SharePoint shortcuts and useful Javascript variables/functions

Copied from :

1. _spUserId (Variable)

This variable gives the ID of the logged in user. For an anonymous user, this variable will be empty.

var uid = _spUserId;
You can test this variable in the address bar of your browser. Try

You will see an alert message with the ID of the logged in user.

2. JSRequest (Object)

Using this JSRequest object, we can get the querystring, pathname and filename. Before using any of these properties, you should call JSRequest.EnsureSetup();

Ex: page url is

To get a querystring value

var q = JSRequest.QueryString[“qid”]; // q = 15
Similarly, you can use

var f = JSRequest.FileName; // current page name
var p = JSRequest.PathName; // server relative url
3. GetUrlKeyValue(parameter, noDecode, url) (Method)

GetUrlKeyValue() is a javascript function using which we can get the Query string parameter either from url in the browser or a url that we specify.

parameter(string): query string parameter from the url.

noDecode(bool): specifies whether the value has to be encoded or not. If false value is decoded, else returned as it is.(Optional)

url(string): the url from which Query string values are to be retrieved.(Optional)


alert(GetUrlKeyValue(‘a’, false, ‘’));
The above statement will return the value ‘te st’. Here we are specifying our own url.

alert(GetUrlKeyValue(‘a’, false));
The above statement will look for a query string variable ‘a’ in the browser url, and returns the decoded value.

The above statement will look for a query string variable ‘a’ in the browser url.

4. _spPageContextInfo (Object)

_spPageContextInfo object has several useful properties, some are

a. webServerRelativeUrl (for current web)
b. siteServerRelativeUrl (current site collection url)
c. webLanguage (for localization)
d. currentLanguage (for localization again)
e. webUIVersion
f. userId (current user id just like _spUserId)
g. alertsEnabled (more for current page if it has any alerts on it)
h. allowSilverlightPrompt (to have that prompt or not on the page)
i. pageItemId
j. pageListId (Guid)

We can get the webServerRelativeUrl simply by saying

var url = _spPageContextInfo.webServerRelativeUrl;
All the remaining object properties can be used in the same way.

5. escapeProperly(str) (Method)

This function returns the URL encoded value of a given string.

var s = escapeProperly(“hello world!!”); //s = “hello%20world%21%21”
6. unescapeProperly(str) (Method)

This function decodes a URL encoded string.

var s = unescapeProperly(“hello%20world%21%21”); //s = “hello world!!”
7. STSHtmlEncode(htmlString) (Method)

This function encodes an html string

var s = STSHtmlEncode(”

sample text

//s = ”

sample text

8. TrimSpaces(str) (Method)

This method trims out the leading and trailing white spaces of a string. It doesn’t remove spaces created by special characters such as ‘\n’, \t’

var s = TrimSpaces(” Hello World!! “); //s = “Hello World!!”
I intentionally put more spaces between ‘Hello’ and ‘World!!’ just to show that this method doesn’t remove any spaces between words.

9. TrimWhiteSpaces(str) (Method)

This method trims out the leading and trailing white spaces of a string. It also removes spaces created by special characters such as ‘\n’, \t’

var s = TrimWhiteSpaces(“\n\nHello World!!\t\t”); //s = “Hello World!!”
10. LoginAsAnother(url, bUseSource)

This method is used to login as different user.(as the name says)

url(string): the url of the page to which the new user has to be sent after login.

bUseSource(boolean): A boolean that indicates that the source will be added to the url, otherwise the source will be the window.location.href. This parameter is optional, default is false.

<a href="#" onclick="javascript:LoginAsAnother('\u002f_layouts\u002fAccessDenied.aspx?loginasanotheruser=true', 0)">Log on as a different user</a>
11. STSPageUrlValidation(url)

This function validates a url if it starts with “http” or “/” or “:” ONLY. It returns the url value back if it is a valid url and an empty value if it is an invalid url. If the url is not valid, an alert message is displayed that says “Invalid page URL:”.

var s = STSPageUrlValidation(""); //s =

var s = STSPageUrlValidation(“”); //s = “”;

var s = STSPageUrlValidation(“”); //s = “”;
Now please don’t ask me what kind of a validation this is.

STSPageUrlValidation(url) in turn calls a method PageUrlValidation(url) and here’s the code for PageUrlValidation method

function PageUrlValidation(url)
if((url.substr(0, 4) == "http") || (url.substr(0, 1) == "/") || (url.indexOf(":") == -1))
return url;
var L_InvalidPageUrl_Text="Invalid page URL: ";
return "";

The provided App differs from another App with the same version and product ID

Copied from :

Just for Quick reference :

Sometimes, you really just want to delete the old one.  But the Object Model doesn’t have objects that go that deep.  Hence there are no way to do this via command-line either.

You need AppInstance to perform an uninstall.  If you can’t get an AppInstance, but the AppPackage is still in your Site Collection, you are pretty much stuck.

Let’s go check out the content database.  Disclaimer: Do this if you are curious.  Also, don’t do this on your production.

SELECT [PackageFingerprint]
  FROM [WSS_CONTENT_DB].[dbo].[AppPackages]

You want to know which Site Collection it is.  So figure out which AppPackage is the one SharePoint can’t delete – by cross-checking the SiteId

PackageFingerprint is an important field that we’ll need in a minute.  It acts like a unique identifier.
IsDownloadInvalidated is probably 0 (meaning it is valid).  You just can’t delete it.

SharePoint has a few nice store procedures.

exec [WSS_CONTENT_DB].[dbo].proc_App_InvalidatePackage
    @PackageFingerprint, @SiteId

-- example
exec [WSS_CONTENT_DB].[dbo].proc_App_InvalidatePackage

This stored procedure will flag the AppPackage as Invalid.  If you do SELECT * FROM AppPackages again, you’ll see it is now IsDownloadInvalidated = 1

So SharePoint now thinks there was something wrong with the download of this package :-)Let’s invoke SharePoint’s auto-immune system and nuke the AppPackage

exec [WSS_CONTENT_DB].[dbo].proc_App_DeleteInvalidatedDownloadApp
    @PackageFingerprint, @SiteId

-- same arguments.  

This one will nuke the AppPackage clean.

You can now go back to PowerShell and redeploy your App.

PS> $App = Import-SPAppPackage -Path <Path> -Site <Url> -Source <Source>
PS> Install-SPApp -Web <Url> -Identity $App


How to add Custom styles in Seattle master page in Sharepoint 2013

For adding cutom styles in seattle master page you have to edit the .html file and there is a proper syntax to add styles.


<!–MS:<style type=”text/css”>–>
    display: none !important; /*as requested by cusomer – hide suite bar links*/
<!–ME: </style>–>


You have to start with <!–MS :  and end with <!–ME