

On the Visual Studio menu bar, choose File > New > Project. If you do not have a Microsoft 365 subscription, you can get a free one by signing up for the Microsoft 365 developer program. Write message property value to the task paneĭocument.getElementById("item-subject").innerHTML = "Subject: " + item.subject Get a reference to the current message
Office 365 outlook tutorial code#
This code uses the Office JavaScript API to get a reference to the current message and write its subject property value to the task pane. src/taskpane/taskpane.js and add the following code within the run function. Discover what Office Add-ins can do for you today! src/taskpane/taskpane.js will write data.

This new markup adds a label where the script in. src/taskpane/taskpane.html and replace the entire element (within the element) with the following markup. src/taskpane/taskpane.js file contains the Office JavaScript API code that facilitates interaction between the task pane and Outlook. src/taskpane/taskpane.css file contains the CSS that's applied to content in the task pane. src/taskpane/taskpane.html file contains the HTML markup for the task pane. manifest.xml file in the root directory of the project defines the settings and capabilities of the add-in.

Office 365 outlook tutorial generator#
The add-in project that you've created with the Yeoman generator contains sample code for a very basic task pane add-in. Navigate to the root folder of the web application project. The step-by-step instructions within this article provide all of the guidance you'll need to complete this tutorial. You can ignore the next steps guidance that the Yeoman generator provides after the add-in project's been created.
