OneNote Add-In page colours

Question

Good afternoon,

I'm developing a task-pane add-in for our school and one of the requirements is that we set a standard page colour. I'm trying to do this, however, I can't see how to change the page colour using the JavaScript API. I've followed the first onenote task tutorial and I've managed to change inline css for paragraphs/tables etc. but I just can't get the page colour to change. I am developing it for OneNote online as we can't develop for UWP yet.

Am I missing something or is it not possible?

Many thanks,
Chris Andrews

Answer 1

Hello @Christopher Andrews , using microsoft graph, you can create pages through the following APIs, which support adding HTML files to your pages.

POST /me/onenote/sections/{id}/pages  
POST /users/{id | userPrincipalName}/onenote/sections/{id}/pages  
POST /groups/{id}/onenote/sections/{id}/pages  
POST /sites/{id}/onenote/sections/{id}/pages  

Here is the documentation for your reference: https://learn.microsoft.com/en-us/graph/api/section-post-pages?view=graph-rest-1.0
Hope this helps you.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

This shows you how to change a page colour in OneNote.

https://support.microsoft.com/en-us/office/change-the-background-color-of-a-page-in-onenote-5938f6c0-f4f7-4c16-b2ac-5f694ea76e17