

Properties that need to be loaded display undefined. When you inspect a OneNote object, the properties that are currently available for use display actual values. When you're using the Gulp web server and debugging in Internet Explorer or Chrome, you can save your changes locally and then just refresh the add-in's iFrame. You can debug the add-in using your browser's developer tools. The text you entered is added to the page. Enter some text in the text area and then choose Add outline. While testing, your manifest file can be stored locally.Ħ- The add-in opens in an iFrame next to the OneNote page. For more information, see Adding Self-Signed Certificates as Trusted Root Certificate.ĥ- In the Upload Add-in dialog, browse to manifest-onenote-add-in.xml in your project files, and then choose Upload.
Onenote add ins for school install#
Install the certificate as a trusted certificate. Edit the Office.initialize function to add a click event to the Add outline button, as follows. Run the yo office command, as shown below.Īdds the content above to the current page.Ĥ- Open home.js in the app/home folder. You can optionally use Visual Studio to create your project files, but you won't get the built-in Gulp server support.ġ- Create a local folder named onenote add-in.Ģ- Open a cmd prompt and navigate to the onenote add-in folder. It also provides quick access to a local Gulp web server for testing.
Onenote add ins for school generator#
The Yeoman Office generator makes it easy to create add-in projects when you don't have Visual Studio or you want to use technologies other than plain HTML, CSS, and JavaScript. The following image shows the add-in that you'll create.ġ- Install the Yeoman Office generator and its prerequisites by following these installation instructions.

This article walks you through building a simple task pane add-in that adds some text to a OneNote page. Build your first OneNote add-in (Preview)
