A Series of Visual Studio Solutions to Accompany the MSDN Tutorial Series about SharePoint-hosted Add-ins

SharePoint add-in model is considered as a legacy option for extending SharePoint user interface. Please see SharePoint Framework documentation and the SharePoint Framework samples for the future proven option to extend SharePoint Online. Possible backend services should be using Azure Active Directly based registration and related app models.

This repository is a series of SharePoint-hosted SharePoint Add-ins samples that are used with the tutorial series that begins with Get started creating SharePoint-hosted SharePoint Add-ins.

None of the samples in this repository contain provider-hosted SharePoint Add-ins. For information about the differences between the two types of SharePoint Add-ins, see SharePoint Add-ins.

Applies to

• SharePoint Online and on-premise SharePoint 2013 and later

Prerequisites

We recommend that you read the MSDN article SharePoint Add-ins.

---

Overview

This set of samples tracts the series of tutorials that begin at Get started creating SharePoint-hosted SharePoint Add-ins. Each tutorial adds to the sample SharePoint add-in, Employee Orientation. This series of samples preserves the state of the add-in Visual Studio solution after each tutorial. Before beginning any tutorial, you can open the corresponding sample solution in Visual Studio and follow along. For example, to follow the tutorial Add custom columns to a SharePoint-hosted add-in, open the BeforeColumns.sln file in Visual Studio.

The following are the tutorial articles and the corresponding sample solutions:

• Get started creating SharePoint-hosted SharePoint Add-ins: N/A
• Deploy and Install a SharePoint-hosted add-in: BeforeColumns.sln
• Add custom columns to a SharePoint-hosted add-in: BeforeColumns.sln
• Add a custom content type to a SharePoint-hosted add-in: BeforeContentType.sln
• Add a Web Part to a page in a SharePoint-hosted add-in: BeforeWebPart.sln
• Add a workflow to a SharePoint-hosted add-in: BeforeWorkflow.sln
• Add a custom page and style to a SharePoint-hosted Add-in: BeforePage.sln
• Add custom client-side rendering to a SharePoint-hosted SharePoint Add-in: BeforeClientRenderedControl.sln
• Create a custom ribbon button in the host web of a SharePoint Add-in: BeforeRibbon.sln
• Use the SharePoint JavaScript APIs to work with SharePoint data: BeforeJSOM.sln
• Work with host web data from JavaScript in the add-in web: BeforeHostWebData.sln

To use these samples

12. Open Visual Studio as an administrator.
13. Open the .sln file for the solution you need.
14. In Solution Explorer, highlight the SharePoint add-in project and replace the Site URL property with the URL of your SharePoint developer site.
15. Follow the instructions in the corresponding tutorial to add functionality to the add-in and test it.

Questions and comments

We'd love to get your feedback on this set of samples. You can send your questions and suggestions to us in the Issues section of this repository.

# Additional resources

• SharePoint Add-ins

Copyright

Copyright (c) Microsoft. All rights reserved.

This project has adopted the Microsoft Open Source Code of Conduct. For more information, see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.