Office 365: How to Create a Task Pane App For Word 2013

Prerequisites

Be sure you have installed the following components.

  • Microsoft Visual Studio 2013 and the Microsoft Office Developer Tools for Visual Studio 2013.

  • Word 2013.

Create a task pane app for Word 2013 using Visual Studio 2013:

1. Open Visual Studio 2013.

2. Click on File => New => Project.

project

3. Select “App for Office” from the installed templates, enter a name for the app and then click on the Ok button.

App for Office

4. Select “Task pane app in: Word” and then click on the “Finish” button.

Task pane app

Finish

5. The following projects are created for an app. One project contains the manifest file for the app and the other one contains all the essential files required for the web application.

contains

6. The Manifest XML file contains the following information.

xml

7. Home.html contains the complete HTML that will be rendered as an UI for the app.

HTML

8. Home.js contains all the functions required for an app.

Home

Test the app

  1. Hit F5 to run the application.

  2. A new Word document will be opened with the app installed on the task pane.

  3. Write some text in the Word document, select a text and then click “Get data from selection” button.

  4. Selected data will be displayed as shown below.

    *Selected data

Summary

Thus in this article you saw how to create a task pane app for Word 2013 using Visual Studio 2013.

Up Next
    Ebook Download
    View all
    Learn
    View all