Check Group Properties Using REST API In SharePoint Online And Office 365

Welcome to an article on “How to Check Group Properties using REST API in SharePoint Online and Office 365” where we will see the steps of checking the group properties of a SharePoint group using REST API.

  • Open the “NAPA” Office 365 Development Tools through your SharePoint store.
  • Click on Add New Project.
  • It will ask you, what type of app do you want to build?app
  • Select SharePoint Add-in and provide a name to your app and click on on Create
  • You will see the screen below on the app,Content
  • Click on Default.aspx and paste the code below under the “<asp:ContentContentPlaceHolderID=”PlaceHolderMain” runat=”server”>”.Code:
    1.       Group Properties
    2.       “text” value=“Group Name” id=“grouptextbox” />
    3.       “groupclick”>Check Group Properties
  • Now on the navigation click on the App.js file and paste the code below removing the previous code completely.Code:
    1. ‘use strict’;
    2. varhostweblink;
    3. varapplink;
    4. // Get the links on the page load
    5. $(document).ready(function()
    6. {
    7.     hostweblink = decodeURIComponent(getQueryStringParameter(“SPHostUrl”));
    8.     applink = decodeURIComponent(getQueryStringParameter(“SPAppWebUrl”));
    9.     //Add the click event
    10.     $(“#groupclick”).click(function(event)
    11.     {
    12.         groupdetails();
    13.         event.preventDefault();
    14.     });
    15.     varscriptlink = hostweblink + “/_layouts/15/”;
    16.     $.getScript(scriptlink + “SP.RequestExecutor.js”);
    17. });
    18. functiongetQueryStringParameter(paramToRetrieve)
    19. {
    20.     varparamsval = document.URL.split(“?”)[1].split(“&”);
    21.     for (vari = 0; i < paramsval.length; i = i + 1)
    22.     {
    23.         var param1 = paramsval[i].split(“=”);
    24.         if (param1[0] == paramToRetrieve) return param1[1];
    25.     }
    26. }
    27. // Get the group content
    28. functiongroupdetails()
    29. {
    30.     vargrouptextval = document.getElementById(“grouptextbox”).value;
    31.     var play;
    32.     // Initialize execution
    33.     play = new SP.RequestExecutor(applink);
    34.     play.executeAsync(
    35.     {
    36.         url: applink + “/_api/SP.AppContextSite(@target)/web/sitegroups/getbyname(‘” + grouptextval + “‘)?@target='” + hostweblink + “‘”,
    37.         method: “GET”,
    38.         headers:
    39.         {
    40.             “Accept”“application/json; odata=verbose”
    41.         },
    42.         success: groupexecutedsuccess,
    43.         error: groupexecutedfailure
    44.     });
    45. }
    46.  // Group Executed Completed
    47. functiongroupexecutedsuccess(data)
    48. {
    49.     varjsonObjectval = JSON.parse(data.body);
    50.     varpropertiesval = ‘Group Properties:\n’;
    51.     propertiesval += “Title : “ + jsonObjectval.d.Title + ‘\n’;
    52.     propertiesval += “Description : “ + jsonObjectval.d.Description + ‘\n’;
    53.     propertiesval += “LoginName : “ + jsonObjectval.d.LoginName + ‘\n’;
    54.     propertiesval += “OwnerTitle : “ + jsonObjectval.d.OwnerTitle + ‘\n’;
    55.     alert(propertiesval);
    56. }
    57. // Group Executed Failed
    58. functiongroupexecutedfailure(data, errorCode, errorMessage)
    59. {
    60.     alert(“Error loading properties: “ + errorMessage);
    61. }
  • Click on the settings icon on the tool on the left.settings
  • Under the properties, select Permissions and provide full control to the app on the Site Collection Permissions
  • Click on the deploy button on the left and run the the project
  • Click on the launch button.Click on the launch button
  • Accept the trust and click on ‘Trust It’.Trust It
  • Your app will be deployed and open for you as per the following screenshot:view group
  • Provide the name of the group whom you want to check the properties.
  • Click on ‘Check Group Properties’ and you will find all the details as per screen below of your

Here we saw today how to check Group Properties using REST API in SharePoint Online and Office 365. You will love your app. Keep reading and keep learning!

Change Theme Of SharePoint Online Sites In Office 365

Welcome to an article on how to change theme of SharePoint Online sites in Office 365. Mainly, we should call it a part of SharePoint Branding. Those days are gone when we need to struggle to set themes for SharePoint sites and still feel there is something missing.

Here in SharePoint online we have a basic theme configuration but what we have, it’s perfect.

Let’s see what we have.

  • Click on the gear icon on the right corner and browse the site settings link.

    site settings

  • Click on the ‘Change the look’ option under the Look and Feel section.

    Change the look

  • You will reach the screen with various options of color and layout options. Choose the one as per your requirement and click on it.

    Color and layout options

  • Once you select, you will see the options below with a layout of the site as visible on the screenshot below,


Drop an image here:

You can add an image here as a background of the site browsing it from your computer.

Drop an image here


You can choose the color of the site here with combinations as per screen below.


Choose one of the master pages to inherit your sit; as per now, we have two default site layout as in Seattle and Oslo.


Choose the fonts, you want your site to have from the option below.

Choose the fonts

Once you have configured your theme, Click on ‘Try it Out’ on the right side of the panel.

Try it Out

You will see the preview of the site.

If you like it, click on ‘Yes, keep it’ and if you don’t, click on ‘No, not quite there’.


Here we saw today an article on how to change theme of SharePoint Online sites in Office 365. There are more to come. Keep reading and keep learning!

Map Multiple Calendars To One In SharePoint 2013 And Office 365

In this article we are going to see how to Map Multiple Calendars to one view in SharePoint 2013 & Office 365. We developers often get a requirement as to merge two or more calendars.

Now, we will see how to do it.
Here is a way.
  • Let’s create a Calendar.
  • Go to the gear icon on the right side of your site and click on ‘Add an app’.

    Add an app

  • Find calendar and click on it.

    Find Calendar

  • Add a Calendar and name it Calendar1.

    Add a Calendar

  • Similarly, add a second calendar and name it Calendar 2.

    add a second calendar

  • Open the first Calendar.

    first Calendar

  • You will find your calendar view on the left side of the SharePoint site as per the screen below.

    SharePoint site

  • Currently it shows one view so click on the option ‘Calendars in View’ to add new calendars.
  • You will come to the following Calendar Overlay Settings.

    Calendar Overlay Settings

  • Click on New Calendar.


  • You will come up to the page where you need to give details about the other calendar you want to add.
    1. Calendar Name: Give a name to your calendar.
    2. Type of Calendar: Choose whether it is a SharePoint or an Exchange Calendar.
    3. Description: Provide a description to your new calendar if you have any.
    4. Color: Choose a color which will display your events separated from the other calendar.
    5. Web URL: Here this link will be auto populated if you want to select a calendar from the same web, if not provide the url of the web and click on Resolve.
    6. List: Once you resolve the web, it will populate all the calendars here available on the web.
    7. List View: Once you select the calendar, it will populate all the views available on the selected calendar.
    8. Always show: Choose the option, if you always want to display the other calendar.

    Here you can see all he values, click on Okay.

    Name and type

  • Once you click on Okay, you will see the screen below with the other calendars you have added on the view.
  • Click on OK.

    Click on OK

  • You will both the calendars mapped to Calendar 1 and the events on Calendar 1 will display in blue color whereas it will display in green for the events created in the Calendar 2.

    Calendar 2

Hence here we saw how to map or merge multiple calendars to a single calendar view. Keep reading and keep learning.

Fill in PDF Forms Directly On SharePoint 2013 And Office 365: Part 1

Welcome to an article on how to Fill in PDF forms directly on SharePoint 2013 and Office 365. It’s a necessary app which allows you to fill in the pdf forms directly through your document library.

You don’t have to make users download and make them edit and then make them upload, those days are gone. Add this app and it has that trick.

Let’s see how we can do it.

  • Click on the Settings Gear on the right corner of your
  • Click on ‘Add an app’.
  • You will be directed to apps page. Click on SharePoint Store which you will find on left side of your site.add
  • Welcome to the SharePoint
  • Choose the app “PDF Forms for Office 365” and click on it.
  • It’s a free app, click on ADD IT.pdf
  • Click ‘ADD IT’.
  • You will come to the trust page, click on Trust It.
  • Once you add, It will show up on your Site Contents.
  • Go to your respective document library and find it on the ribbon as per the screen

How to use it

  1. So here I have a dummy form which is a PDF form.library
  2. Select the PDF File and click on the option
  3. The app will open.sample

    You can edit your PDF document here and directly give it for print.

  4. You need not download it and fill in to submit the form.Hence we saw today, how to fill in PDF forms directly on SharePoint 2013 and Office 365. We will see other functionality of this app in my upcoming article. Until then keep reading and learning.