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,

    layout

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

Colors:

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

color

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

Seattle

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

fonts
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’.

click

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.

    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 site.site
  • 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 Store.store
  • 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 below.open

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 here.open
  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.

Install Nintex Workflows On SharePoint 2013 And Office 365


Welcome to an article on how to install Nintex Workflows on SharePoint 2013 and Office 365. It’s important we know how to install Nintex workflows on our site so we don’t have to reach out to the infrastructure team for this.

Let’s see how we can do it.

  • Click on the Settings Gear on the right corner of your site.

    add

  • 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.

    apps

  • Welcome to the SharePoint Store.

    store

  • Choose the app “Nintex Workflow for Office 365” and click on it.
  • It’s a free app, click on ADD IT.

    app

  • Once you add, It will show up on your Site Contents.

    content

  • If you want to create site workflows, directly click on it and start your development.
  • If you want to create list workflows, Go to your respective list and find it on the ribbon as per the screen below.

    list

Here we saw today how to install Nintex Workflows on SharePoint 2013 and Office 365. Keep reading and keep learning.

Create A SharePoint List using REST API in SharePoint Online and Office 365


Welcome to an article on “How to Create a SharePoint List using REST API in SharePoint Online and Office 365” where we will see the steps of creating an app using Napa Tool which will help us to create as many SharePoint lists as we require 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?

    NAPA

  • Select SharePoint Add-in and provide a name to your app and click on Create.

    SharePoint Add-in

  • 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. <p>
    2.    <b>
    3.       Create Custom List</b>
    4.    <br />
    5.    <input type=“text” value=“Put the custom list name” id=“listnameid” />
    6.    <button id=“createlistbtn”>Create your Custom List</button>
    7. </p>
  • 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. var hostweblink;
    3. var applink;
    4. // Get the links on load of the app
    5. $(document).ready(function() {
    6.     hostweblink = decodeURIComponent(
    7.         getQueryString(“SPHostUrl”));
    8.     applink = decodeURIComponent(
    9.         getQueryString(“SPAppWebUrl”));
    10.     //Get the function on the button click
    11.     $(“#createlistbtn”).click(function(event) {
    12.         createcustomlist();
    13.         event.preventDefault();
    14.     });
    15.     var scriptlink = hostweblink + “/_layouts/15/”;
    16.     $.getScript(scriptlink + “SP.RequestExecutor.js”);
    17. });
    18. function getQueryString(paramToRetrieve) {
    19.     var paramval = document.URL.split(“?”)[1].split(“&”);
    20.     for (var i = 0; i < paramval.length; i = i + 1) {
    21.         var paramval1 = paramval[i].split(“=”);
    22.         if (paramval1[0] == paramToRetrieve) return paramval1[1];
    23.     }
    24. }
    25. // Create a new custom list
    26. function createcustomlist() {
    27.     var listname = document.getElementById(“listnameid”).value;
    28.     var play;
    29.     // Initiate the request play 
    30.     play = new SP.RequestExecutor(applink);
    31.     play.executeAsync({
    32.         url: applink + “/_api/SP.AppContextSite(@target)/web/Lists?@target='” + hostweblink + “‘”,
    33.         method: “POST”,
    34.         body: “{ ‘__metadata’: { ‘type’: ‘SP.List’ }, ‘BaseTemplate’: 100,’Description’: ‘” + listname + “‘, ‘Title’:'” + listname + “‘}”,
    35.         headers: {
    36.             “content-type”“application/json; odata=verbose”
    37.         },
    38.         success: createlistcompleted,
    39.         error: createlistfailed
    40.     });
    41. }
    42. // createlistcompleted
    43. function createlistcompleted(data) {
    44.     alert(“Your List Created successfully”)
    45. }
    46. // createlistfailed
    47. function createlistfailed(data, errorCode, errorMessage) {
    48.     alert(“Your list creation failed “ + errorMessage);
    49. }
  • 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 level.

    Permissions

  • Click on the deploy button on the left and run the project.

    run 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:

    Create your Custom List

  • Provide a name of the list you want to create and click on ‘Create your Custom List’.

    Create list

  • Your list will be created by your own app and you can find the list under site contents on the site.

Today we saw how to create a SharePoint List using REST API in SharePoint Online and Office 365. You will love your app. Keep reading and keep learning!