Tag Archives: SharePoint 2013 Business and tagged Best SharePoint Hosting

SharePoint 2013 Hosting :: How to Enable Folder Creation For the List in SharePoint 2013 Online Using REST API

This article will explains about How to Enable Folder Creation For the List in SharePoint 2013 Online Using REST API.

SharePoint 2013 introduces a Representational State Transfer (REST) service that is comparable to the existing SharePoint client object models. This allows the developers to interact remotely with SharePoint data by using any technology that supports REST web requests. This means that developers can perform Create, Read, Update and Delete (CRUD) operations from their apps for SharePoint, solutions and client applications, using REST web technologies and standard Open Data Protocol (OData) syntax.

I have a custom list named “Custom List”. You will see how to enable the folder creation in the custom list. (Navigate to the list. Click on the List tab in the ribbon interface. Click on List Settings. Click on Advanced Settings that is available under General Settings.)

In this article you will see the following:

  • Create an app using the NAPA Tool in SharePoint 2013 Online.
  • Cross-Domain Requests.
  • Enable Folder Creation for the list using the REST API.

Endpoint URI

https://c986.sharepoint.com/_api/web/lists/getbytitle(‘listName’)

Note: If you are making cross-domain requests, then you need to add SP.AppContextSite(@target) and [email protected]=’<host web url>’ to the endpoint URI.

Properties

The following properties must be used in a REST request for enabling folder creation in the list:

  1. IF-MATCH header: It is required when POST requests for MERGE operation. Description: Provides a way to verify that the object being changed has not been changed since it was last retrieved. Or, lets you specify to overwrite any changes, as shown in the following example: “IF-MATCH”:”*”.
  2. X-HTTP-Method header : It is required for POST requests for MERGE operations. Description: Used to specify that the request performs a MERGE operation. Example: “X-HTTP-Method”:”MERGE”.

MERGE Operation

MERGE operations are used to update existing SharePoint objects.
Use the following procedure to create an app using the NAPA Tool:

  1. Navigate to the SharePoint 2013 Online site.
  2. Click on Site Contents in the quick launch bar.
  3. Click on “Napa” Office 365 Development Tools.
  4. Click on Add New Project.
  5. Select App for SharePoint, enter the Project name and then click on Create.

Permissions

Ensure appropriate permission is provided to access the content. Click on the Properties button, and then click on Permissions. Set the required permission to access the content.

Default.aspx

Replace the contents of Default.aspx with the following:

<%– The markup and script in the following Content element will be placed in the <head>of the page –%>

<asp:content contentplaceholderid=”PlaceHolderAdditionalPageHead” runat=”server”>

    <script type=”text/javascript” src=”https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js”></script>

    <script type=”text/javascript” src=”/_layouts/15/sp.runtime.js”></script>

    <script type=”text/javascript” src=”/_layouts/15/sp.js”></script>

    <!– Add your CSS styles to the following file –>

    <link rel=”Stylesheet” type=”text/css” href=”../Content/App.css” />

    <!– Add your JavaScript to the following file –>

    <script type=”text/javascript” src=”../Scripts/App.js”></script>

</asp:content>

<%– The markup in the following Content element will be placed in the TitleArea of the page –%>

<asp:content contentplaceholderid=”PlaceHolderPageTitleInTitleArea” runat=”server”>Page Title</asp:content>

<%– The markup and script in the following Content element will be placed in the <body>of the page –%>

<asp:content contentplaceholderid=”PlaceHolderPageTitleInTitleArea” runat=”server”>REST API Examples</asp:content>

<%– The markup and script in the following Content element will be placed in the <body>of the page –%>

<asp:content contentplaceholderid=”PlaceHolderMain” runat=”server”>

    <div>

        <p>

            <b>Enable Folder Creation</b>

            <br />

            <input type=”text” value=”List Name Here” id=”listnametext” />

            <button id=”enablefoldercreationbutton”>Enable Folder Creation</button>

        </p>

    </div>

</asp:content>

App.js

Replace the contents of App.js with the following:

‘use strict’;

var hostweburl;

var appweburl;

// Load the required SharePoint libraries.

$(document).ready(function () {

    //Get the URI decoded URLs.

    hostweburl = decodeURIComponent(

    getQueryStringParameter(“SPHostUrl”));

    appweburl = decodeURIComponent(

    getQueryStringParameter(“SPAppWebUrl”));

    //Assign events to buttons

    $(“#enablefoldercreationbutton”).click(function (event) {

        enableFolderCreation();

        event.preventDefault();

    });

    // Resources are in URLs in the form:

    // web_url/_layouts/15/resource

    var scriptbase = hostweburl + “/_layouts/15/”;

    // Load the js file and continue to load the page.

    // SP.RequestExecutor.js to make cross-domain requests

    $.getScript(scriptbase + “SP.RequestExecutor.js”);

});

// Utilities

// Retrieve a query string value.

// For production purposes you may want to use a library to handle the query string.

function getQueryStringParameter(paramToRetrieve) {

    var params = document.URL.split(“?”)[1].split(“&”);

    for (var i = 0; i < params.length; i = i + 1) {

        var singleParam = params[i].split(“=”);

        if (singleParam[0] == paramToRetrieve) return singleParam[1];

    }

}

// Enable folder creation for the list

function enableFolderCreation() {

    var listnametext = document.getElementById(“listnametext”).value;

    var executor;

    // Initialize the RequestExecutor with the app web URL.

    executor = new SP.RequestExecutor(appweburl);

    executor.executeAsync({

        url: appweburl + “/_api/SP.AppContextSite(@target)/web/lists/getbytitle(‘” + listnametext + “‘)[email protected]=’” + hostweburl + “‘”,

        method: “POST”,

        body: “{ ‘__metadata’: { ‘type’: ‘SP.List’ }, ‘EnableFolderCreation’: true}”,

        headers: {

            “IF-MATCH”“*”,

            “X-HTTP-Method”“MERGE”,

            “content-type”“application/json;odata=verbose”

        },

        success: enableFolderCreationSuccessHandler,

        error: enableFolderCreationErrorHandler

    });

}

// Success Handler

function enableFolderCreationSuccessHandler(data) {

    alert(“Folder creation enabled for the list successfully”)

}

// Error Handler

function enableFolderCreationErrorHandler(data, errorCode, errorMessage) {

    alert(“Could not enable folder creation: “ + errorMessage);

}

Deploy the App

  1. Click on Run Project.
  2. The app will be packaged, deployed and launched.
  3. Click on “Click here to launch your app in a new window”.
  4. Click on Trust it.
  5. Enter the list name and then click on the Enable Folder Creation button.
  6. Folder creation is enabled successfully for the list.

Summary

Thus in this article you saw how to enable folder creation for the list using the REST API in SharePoint 2013 Online.

Best Recommended SharePoint 2013 Hosting

ASPHostPortal.com

ASPHostPortal.com is Perfect, suitable hosting plan for a starter in SharePoint. ASPHostPortal  the leading provider of Windows hosting and affordable SharePoint Hosting. ASPHostPortal proudly working to help grow the backbone of the Internet, the millions of individuals, families, micro-businesses, small business, and fledgling online businesses. ASPHostPortal has ability to support the latest Microsoft and ASP.NET technology, such as: WebMatrix, WebDeploy, Visual Studio 2015, .NET 5/ASP.NET 4.5.2, ASP.NET MVC 6.0/5.2, Silverlight 6 and Visual Studio Lightswitch, ASPHostPortal guarantees the highest quality product, top security, and unshakeable reliability, carefully chose high-quality servers, networking, and infrastructure equipment to ensure the utmost reliability

SharePoint 2013 Hosting :: How To Show Tree View Navigation SharePoint 2013

Today I will explains how to show tree view navigation in SharePoint 2013. Let me to show you..

Tree View

Sometimes the default SharePoint 2013 Quick Launch is not enough to assist users to navigate to a SharePoint site. The tree view is an extra navigation option that provides a hierarchical view of all sites, lists and libraries in the site, including any sites below the current site level, such as the Document Center site template, display tree view navigation by default.

Do one of the following:

1. On the SharePoint site, click Site Settings Settings

AppDemo

2. In the Look and Feel column, click Tree View.

Site Settings

3. Do one of the following:

  • To show the tree view, select the Enable Tree View check box and then click OK.
  • To hide the tree view, clear the Enable Tree View check box and then click OK.

Note:

If you want to display only tree view navigation, clear the Enable Quick Launch check box. If both the Quick Launch and tree view navigation are enabled, the tree view navigation will appear underneath the Quick Launch. Now you can see the Tree view instead of Quick launch.

4. Now you can see the Tree view instead of Quick launch.

QuickLaunch

Best Recommended SharePoint 2013 Hosting

ASPHostPortal.com

ASPHostPortal.com is Perfect, suitable hosting plan for a starter in SharePoint. ASPHostPortal  the leading provider of Windows hosting and affordable SharePoint Hosting. ASPHostPortal proudly working to help grow the backbone of the Internet, the millions of individuals, families, micro-businesses, small business, and fledgling online businesses. ASPHostPortal has ability to support the latest Microsoft and ASP.NET technology, such as: WebMatrix, WebDeploy, Visual Studio 2015, .NET 5/ASP.NET 4.5.2, ASP.NET MVC 6.0/5.2, Silverlight 6 and Visual Studio Lightswitch, ASPHostPortal guarantees the highest quality product, top security, and unshakeable reliability, carefully chose high-quality servers, networking, and infrastructure equipment to ensure the utmost reliability