Set SPViewStyle using Javascript

Hi,
In my sharepoint site, I have created one custom list with "boxed" style. Also, for Client Side Rendering purposes I add a reference to JS Link which changes few fields on UI for color coding. Somehow after applying this JS Link, "boxed"
style is getting vanished and view is being shown in "Default" style.
Is there any way I can re add the style in JS link script or by any other means?

Hi,
I can reproduce the issue in my environment, it seems that the JSLink is not compatible with the built-in style of the current view at this moment.
If you want to apply the “Boxed” style with the custom style defined in JSLink, a workaround is that you can create a completely custom style like “Boxed” style using JavaScript
within JSLink.
Here is a link with demo about how to apply accordion style to the list by using jQuery UI plugin for your reference:
http://www.sharepointnutsandbolts.com/2013/01/using-jslink-to-change-ui-of-sharepoint_20.html
There are also other plugins in jQuery UI can be used to create custom style for a specific HTML elements:
http://jqueryui.com/demos/
Thanks
Patrick Liang
Forum Support
Please remember to mark the replies as answers if they
help and unmark them if they provide no help. If you have feedback for TechNet
Subscriber Support, contact [email protected]
Patrick Liang
TechNet Community Support

Similar Messages

How can I set CameraRAWOpenOptions using Javascripts in Photoshop CS6?

I have been unable to set CameraRAWOpenOptions in scripts that worked fine for me in Photoshop CS5 but now do not work in Photoshop CS6. There are no error messages when I run the scripts, and they appear to finish okay, but the images come out unadjusted. Below is the essence of how I'm trying to do it. When I run these scripts in Extendscript (CS5 or CS6 does not make a difference), Photoshop CS6 simply uses its own default (saved) settings, but CS5 would allow the overrides. I did change the default settings in CameraRAW in CS6 to use the default lens correction profiles available from the EXIF data, and I'm wondering if that rendered the script unable to change any of the rest of the settings.
Here's how I have the code:
var RawOptions = new CameraRAWOpenOptions;
RawOptions.settings=CameraRAWSettingsType.CUSTOM;
RawOptions.exposure=+2.00;
RawOptions.vignettingAmount = 0;
RawOptions.vignettingMidpoint = 0;
RawOptions.contrast = 50;
RawOptions.saturation = 0;
RawOptions.shadows = 0;
RawOptions.luminanceSmoothing = 0;
var JPGopts = new JPEGSaveOptions;
JPGopts.quality = JPEGquality;
//Perform the loop through the files
app.open(testListing[0], RawOptions, false);
app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
for (var nfile = nstart; nfile < nstop; nfile++)
    app.open(testListing[nfile], RawOptions, false);
    FnameSave = new File(SavePath+"/"+testListing[nfile].name);
    app.activeDocument.saveAs(FnameSave, JPGopts, false, Extension.UPPERCASE);
    app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);

I would collapse and expand the toolbar windows by using the double arrow icon?
Doing this will almost give you your full screen?
Or you can hit 'Tab' and it hides your tools when you don't need them?

Setting maxDate using javascript

I am struggling to set the maxDate of a datetimepicker.
In the document load of the page I have this:
$('#P64_STARTDT').datepicker("option", "maxDate", $v('P64_XFORMATSTARTDT'));
P64_XFORMATSTARTDT is in the format YYYYMMDDHH24MI
It never sets it.
Ed.

Hi Ed,
You can set maxDate option by providing a date object containing the max date, a number or a string to mention relative date.
Please refer the below link containing the documentation:
Datepicker Widget | jQuery UI API Documentation
Regards,
Sagay

How to create a Document Set in SharePoint 2013 using JavaScript Client Side Object Model (JSOM)?

Hi,
The requirement is to create ""Document Sets in Bulk" using JSOM. I am using the following posts:-
http://blogs.msdn.com/b/mittals/archive/2013/04/03/how-to-create-a-document-set-in-sharepoint-2013-using-javascript-client-side-object-model-jsom.aspx
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/1904cddb-850c-4425-8205-998bfaad07d7/create-document-set-using-ecma-script
But, when I am executing the code, I am getting error "Cannot read property 'DocumentSet' of undefined "..Please find
below my code. I am using Content editor web part and attached my JS file with that :-
<div>
<label>Enter the DocumentSet Name <input type="text" id="txtGetDocumentSetName" name="DocumentSetname"/> </label> </br>
<input type="button" id="btncreate" name="bcreateDocumentSet" value="Create Document Set" onclick="javascript:CreateDocumentSet()"/>
</div>
<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"> </script>
<script type="text/javascript">
SP.SOD.executeFunc('sp.js','SP.ClientContext','SP.DocumentSet','SP.DocumentManagement.js',CreateDocumentSet);
// This function is called on click of the “Create Document Set” button.
var ctx;
var parentFolder;
var newDocSetName;
var docsetContentType;
function CreateDocumentSet() {
alert("In ClientContext");
var ctx = SP.ClientContext.get_current();
newDocSetName = $('#txtGetDocumentSetName').val();
var docSetContentTypeID = "0x0120D520";
alert("docSetContentTypeID:=" + docSetContentTypeID);
var web = ctx.get_web();
var list = web.get_lists().getByTitle('Current Documents');
ctx.load(list);
alert("List Loaded !!");
parentFolder = list.get_rootFolder();
ctx.load(parentFolder);
docsetContentType = web.get_contentTypes().getById(docSetContentTypeID);
ctx.load(docsetContentType);
alert("docsetContentType Loaded !!");
ctx.executeQueryAsync(onRequestSuccess, onRequestFail);
function onRequestSuccess() {
alert("In Success");
SP.DocumentSet.DocumentSet.create(ctx, parentFolder, newDocSetName, docsetContentType.get_id());
alert('Document Set creation successful');
// This function runs if the executeQueryAsync call fails.
function onRequestFail(sender, args) {
alert("Document Set creation failed" + + args.get_message());
Please help !!
Vipul Jain

Hello,
I have already tried your solution, however in that case I get the error - "UncaughtSys.ArgumentNullException: Sys.ArgumentNullException:
Value cannot be null.Parameter name: context"...
Also, I tried removing SP.SOD.executeFunc
from my code, but no success :(
Kindly suggest !!!
Vipul Jain

Using JavaScript to set value of Spry validated text field

Why can't the value of a text field be set using JavaScript
when it's validated using the Spry validation widget.
Example (this works):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<input type="text" name="birthdate" id="birthdate"
value="">
Example (this doesnt work):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<span id="birthdate">
<input type="text" name="birthdate" id="birthdate"
value="">
<span class="textfieldRequiredMsg">please enter your
birthday</span>
</span>
<script type="text/javascript">

</script>
Is there a way to change the value of a Spry validated text
field using JavaScript?
Thanks.

Why can't the value of a text field be set using JavaScript
when it's validated using the Spry validation widget.
Example (this works):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<input type="text" name="birthdate" id="birthdate"
value="">
Example (this doesnt work):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<span id="birthdate">
<input type="text" name="birthdate" id="birthdate"
value="">
<span class="textfieldRequiredMsg">please enter your
birthday</span>
</span>
<script type="text/javascript">

</script>
Is there a way to change the value of a Spry validated text
field using JavaScript?
Thanks.

Using javascript to set non database values

I finally figured out how to set the values of a non database form field using Javascript. The only problem is, I want this
field to be a display only field, and the value does not get set if I make the field non updateable on the form. Can
somebody please help me!! This is urgent.

Stan,
One way to do this is to call the doSubmit() function and create a page branch to handle your request. This way you can use apex validations and other goodies if your requirements change. Also this will save the state of your items on the page you are leaving.
Edit
I forgot to mention that you can pass a string parameter to the doSubmit function. The parameter will be the request sent to apex. For instance you could use doSubmit('DO_SOMETHING') and you can have a page branch which will fire if the request is equal to DO_SOMETHING.
Cheers,
Tyson Jouglet
Edited by: Tyson Jouglet on Dec 1, 2009 10:11 AM

Set "peoples or groups" field with current user "login name" in sharepoint list form using javascript

hi friends
i am trying to set peoples or groups field in sharepoint list form with current user login name
here my code
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
<script type="text/javascript">
$(document).ready(function NewItemView () {
var currentUser;
   if (SP.ClientContext != null) {
      SP.SOD.executeOrDelayUntilScriptLoaded(getCurrentUser, 'SP.js');
   else {
      SP.SOD.executeFunc('sp.js', null, getCurrentUser);
   function getCurrentUser() {
      var context = new SP.ClientContext.get_current();
      var web = context.get_web();
      currentUser = web.get_currentUser();
      context.load(currentUser);
      context.executeQueryAsync(onSuccessMethod, onRequestFail);
   function onSuccessMethod(sender, args) {
      var account = currentUser.get_loginName();
      var accountEmail = currentUser.get_email();
      var currentUserAccount = account.substring(account.indexOf("|") + 1);
   SetAndResolvePeoplePicker("requester",account);
// This function runs if the executeQueryAsync call fails.
   function onRequestFail(sender, args) {
      alert('request failed' + args.get_message() + '\n' + args.get_stackTrace());
function SetAndResolvePeoplePicker(fieldName, userAccountName) {
   var controlName = fieldName;
    var peoplePickerDiv = $("[id$='ClientPeoplePicker'][title='" + controlName + "']");
    var peoplePickerEditor = peoplePickerDiv.find("[title='" + controlName + "']");
    var spPeoplePicker = SPClientPeoplePicker.SPClientPeoplePickerDict[peoplePickerDiv[0].id];
    peoplePickerEditor.val(userAccountName);
    spPeoplePicker.AddUnresolvedUserFromEditor(true);
</script>
but it is not working
please help me

Hi,
According to your post, my understanding is that you wanted to set "peoples or groups" field with current user "login name" in SharePoint list form using JavaScript.
To set "peoples or groups" field with current user "login name”, you can use the below code:
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
<script type="text/javascript">
function SetPickerValue(pickerid, key, dispval) {
var xml = '<Entities Append="False" Error="" Separator=";" MaxHeight="3">';
xml = xml + PreparePickerEntityXml(key, dispval);
xml = xml + '</Entities>';
EntityEditorCallback(xml, pickerid, true);
function PreparePickerEntityXml(key, dispval) {
return '<Entity Key="' + key + '" DisplayText="' + dispval + '" IsResolved="True" Description="' + key + '"><MultipleMatches /></Entity>';
function GetCurrentUserAndInsertIntoUserField() {
var context = new SP.ClientContext.get_current();
var web = context.get_web();
this._currentUser = web.get_currentUser();
context.load(this._currentUser);
context.executeQueryAsync(Function.createDelegate(this, this.onSuccess),
Function.createDelegate(this, this.onFailure));
function onSuccess(sender, args) {
SetPickerValue('ctl00_m_g_99f3303a_dffa_4436_8bfa_3511d9ffddc0_ctl00_ctl05_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_UserField', this._currentUser.get_loginName(),
this._currentUser.get_title());
function onFaiure(sender, args) {
alert(args.get_message() + ' ' + args.get_stackTrace());
ExecuteOrDelayUntilScriptLoaded(GetCurrentUserAndInsertIntoUserField, "sp.js");
</script>
More information:
http://alexeybbb.blogspot.com/2012/10/sharepoint-set-peoplepicker-via-js.html
Best Regards,
Linda Li
Linda Li
TechNet Community Support

How to upload a document with values related to document properties in to document set at same time using Javascript object model

Hi,
Problem Description: Need to upload a document with values related to document properties using custom form in to document set using JavaScript Object Model.
Kindly let me know any solutions.
Thanks
Razvi444

The following code shows how to use REST/Ajax to upload a document to a document set.
function uploadToDocumentSet(filename, content) {
appweburl = decodeURIComponent(getQueryStringParameter('SPAppWebUrl'));
hostweburl = decodeURIComponent(getQueryStringParameter('SPHostUrl'));
var restSource = appweburl +
"/_api/SP.AppContextSite(@target)/web/GetFolderByServerRelativeUrl('/restdocuments/testds')/files/add(url='" + filename + "',overwrite=true)?@target='" + hostweburl + "'";
var dfd = $.Deferred();
$.ajax(
'url': restSource,
'method': 'POST',
'data': content,
processData: false,
timeout:1000000,
'headers': {
'accept': 'application/json;odata=verbose',
'X-RequestDigest': $('#__REQUESTDIGEST').val(),
"content-length": content.byteLength
'success': function (data) {
var d = data;
dfd.resolve(d);
'error': function (err,textStatus,errorThrown) {
dfd.reject(err);
return dfd;
Then when this code returns you can use the following to update the metadata of the new document.
function updateMetadataNoVersion(fileUrl) {
appweburl = decodeURIComponent(getQueryStringParameter('SPAppWebUrl'));
hostweburl = decodeURIComponent(getQueryStringParameter('SPHostUrl'));
var restSource = appweburl +
"/_api/SP.AppContextSite(@target)/web/GetFolderByServerRelativeUrl('/restdocuments/testds')/files/getbyurl(url='" + fileUrl + "')/listitemallfields/validateupdatelistitem?@target='" + hostweburl + "'";
var dfd = $.Deferred();
$.ajax(
'url': restSource,
'method': 'POST',
'data': JSON.stringify({
'formValues': [
'__metadata': { 'type': 'SP.ListItemFormUpdateValue' },
'FieldName': 'Title',
'FieldValue': 'My Title2'
'bNewDocumentUpdate': true,
'checkInComment': ''
'headers': {
'accept': 'application/json;odata=verbose',
'content-type': 'application/json;odata=verbose',
'X-RequestDigest': $('#__REQUESTDIGEST').val()
'success': function (data) {
var d = data;
dfd.resolve(d);
'error': function (err) {
dfd.reject(err);
return dfd;
Blog | SharePoint Field Notes Dev Tools |
SPFastDeploy | SPRemoteAPIExplorer

How to set a form element value using javascript?

Hello,
I have been using the following two functions in AS 9.0.2 to set form values in javascript and it works correctly. However, the same code does not work in AS 10.1.2.0.2. Would appreciate if someone could let me know how to set form elements using Javascript(onchange of a field).
function set_item_value(p_field_name, p_value)
var v_index, v_full_name;
for(v_index=0; v_index<document.forms[0].length; v_index++)
v_full_name = document.forms[0].elements[v_index].name.split
if (v_full_name[2] == p_field_name)
document.forms[0].elements[v_index].value = p_value;
function get_item_value(p_field_name)
var v_index, v_full_name, v_return="";
for(v_index=0; v_index<document.forms[0].length; v_index++)
v_full_name = document.forms[0].elements[v_index].name.split
if(v_full_name[2] == p_field_name)
if(document.forms[0].elements[v_index].type != "radio")
v_return = document.forms[0].elements[v_index].value;
else
if(document.forms[0].elements[v_index].checked)
v_return = document.forms[0].elements[v_index].value;
if(v_return == " ")
v_return = "";
return v_return;
Thanks
Dev

This is not the best way to write JavaScript in Portal environment!
You can't be sure that a form is the first in the html source!
In Portal you change the order of your portlets, and also you can have several instances of the same portlet on the same page!!!
You should use qualified form and field names!
Please check the following JPDK methods:
UrlUtils.htmlFormName
HttpPortletRendererUtil.portletParameter

Set value of a display only item using javascript

I was trying to find an answer in the forum but my searches gave me no results. How do
I set a value of a display only item using javascript (ajax)?
Denes Kubicek
http://deneskubicek.blogspot.com/
http://htmldb.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

Vikas,
Thanks for a fast responding. The type is Saves State. However, I tried to set the value
of a display only item using:
<script>
function f_setDisplayOnly ()
{$x('P80_X').parentNode.childNodes[4].nodeValue = 1;
</script>without a result (or error). What am I doing wrong?
Denes Kubicek
http://deneskubicek.blogspot.com/
http://htmldb.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

How to set a page parameter using javascript ?

Hi:
i'd like to set page parameter with a value taken from a textbox when clicking a button using javascript code.
i mean, i have a textbox and a button using javascript and i want to take the value from the textbox and when onClick event happens set that value to the page parameter. How can i do this????
Thanks.
Best regards. Urko.

Hi,
Can you please elaborate your requirement. May be some better ways can be suggested. Also please mention which component you are using.
Thanks,
Sharmila

Set annotation flags for link annotations using JavaScript

The JavaScript for Acrobat API Reference doesn't list Link as an annotation type[1]even if it's a subtype in the PDF specification (8.4.5 Annotation Types).
I know how to get the link objects using JavaScript, but they don't have a print property, because it belongs to its mother annotation object.
Example:
I have a scanned PDF, OCRed, with two links. Acrobat's content panels shows an annotation object with two links.
>this.syncAnnotScan();
>var annots = this.getAnnots();
returns
>null
Any idea how to set the annotation flag to Print for a link annotation using JavaScript? (flag 3 aka Print is required for PDF/A)
[1] http://livedocs.adobe.com/acrobat_sdk/9/Acrobat9_HTMLHelp/JS_API_AcroJS.88.20.html

Hi,
Thanks for replying. But this example sets falshvars through the UI, and as I have mentioned I want this done from javascript in the document - I dont have the value for some of the flashvars during embedding.
(Using a EI call is my last resort, as I am not expected to make any modification to the SWF file - the SWF file, hitherto, was being hosted in a HTML where it was being passed flashvar params)

How to set JavaBean in JSP using JavaScript function

Hello,
When a user clicks on an item, I want to execute a JavaScript function. Within that function, I want to set specific JavaBeans (<jsp:setProperty... />) within my JSP page.
Can anyone tell me how to do this or where I can find examples on how to set JavaBeans in a JSP page using JavaScript?
Thanks.
Pat

try this:
your.jsp
<html>
<SCRIPT>function buttonClick()
{document.compform.submit();}
</SCRIPT>
<body>
<form name=compform method=post action='your.jsp'>
<%
//write your code which you want to execute once the button is submitted
String submit;
submit=request.getParameter("mysubmit");
if ((submit != null) && (! submit.equals("")))
%>
<input type=hidden name=mysubmit value="submit">
<input type=button value=add onclick='buttonClick()'>
</form></body></html>

Set client var using javascript

i have a form where a user enters a line of info, and i want
to save that as a client variable without having to post the form.
is it possible to set a CF client variable using javascript?

> cookies can be created/edited/deleted using js, so i just
need
> to know how i would go about editing a cf created
cookie using js.
You've inched away from your original question. It was about
how to use Javascript to save form data in Coldfusion without
having to send the form from the browser. The answer is, you can't.
> i used javascripts document.cookie to make changes to the
correct coldfusion
> client variables..works like a charm
You've not changed any Coldfusion variable at all. What
you've simply done is use Javascript to write a new cookie, which
Coldfusion then reads later. To see that, do this test.
Save and run the following code as the page
testCookieJS.cfm
<html>
<head>
<title>testCookieJS</title>
<script type="text/javascript">
document.cookie="JS test cookie";
</script>
</head>
<body>
Coldfusion cookie struct dump:
<cfdump var="#cookie#">
</body>
</html>
You will find that the "JS cookie" is not dumped. However,
you will find that the cookie is actually present in the browser.
Now, close the browser and delete all cookies. Save and run
the following code as the page
testCookieCF.cfm
<cfcookie name="CFCookieTest" value="CF test cookie">
<cfdump var="#cookie#">
You will find that the "CF cookie" is dumped. The difference
in the result of the two tests shows that one cannot use Javascript
to change the cookie that Coldfusion sets. In fact, generally
speaking, you cannot use Javascript to modify any Coldfusion
variables. If you could, anyone would be able to use an HTML page
to rewrite your Coldfusion site.

How to set style !important using javascript??

i can set an items width using js
page_item.style.width = "400";
how do i incorporate the "!important" flag in this statement?

Hi Craig,
Here's the only blurb I could find on this:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/important.asp
Notice the "Scripting: N/A" bit at the top.
I use this site a lot - not because I'm particularly keen on MS/IE but because at the bottom of each entry you get confirmation of whether or not the setting/attribute/etc is standard or not and the pages are kept up to date.
I have to say that this is only the second time I've come across someone trying to use this. The first time we just decided to leave it. I can see the importance of using it to stop someone overriding styling, but as I mentioned above, it is possible to create an entire script tag using javascript and, therefore, you can override it. Seems silly to me, but there you go!
It would also be better, in my view, if they had used a better word for this setting - something like java's "final" - as, the first time I saw it I took it to mean "make more bolder" or "highlight it" or somesuch thing.
Regards
Andy

Set SPViewStyle using Javascript

Similar Messages

Maybe you are looking for