{"id":4798,"date":"2020-06-10T12:36:50","date_gmt":"2020-06-10T19:36:50","guid":{"rendered":"https:\/\/officedevblogs.wpengine.com\/?p=4798"},"modified":"2022-09-28T14:11:17","modified_gmt":"2022-09-28T21:11:17","slug":"script-lab-now-supports-outlook","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/script-lab-now-supports-outlook\/","title":{"rendered":"Script Lab now supports Outlook"},"content":{"rendered":"

Wouldn\u2019t it be amazing if you could launch Outlook, open a small code window, and then instantly start writing and executing JavaScript that interacts with your emails and appointments? Recently, we released Script Lab for Outlook<\/a> which lets you do exactly that and it\u2019s quite a good way to learn the JavaScript APIs for Outlook! The Script Lab for Outlook<\/strong> add-in is built in the same codebase as the Script Lab add-in for Excel, Word, and PowerPoint.<\/p>\n

Whether you’re new to writing code for Outlook or an experienced developer trying to prototype a feature for your add-in, Script Lab is a tool to learn about writing Office.js code for Outlook. The focus is the Office JavaScript API<\/a>, which is the technology you need to build Office add-ins that run across platforms.<\/p>\n

Script Lab for Outlook features<\/h2>\n

Code<\/h3>\n

Code in a floating window opened from your email or appointment. IntelliSense shows suggestions while you type so you can easily discover and use the Office JavaScript objects and methods. And if you don\u2019t want to start from scratch there are plenty of samples preinstalled with Script Lab. Your snippets can use any TypeScript features like the magical async\/await and conveniences like arrow functions and template strings. But it\u2019s not only script\u2014your snippets can also use HTML and CSS, and reference external libraries and data on the web. Script Lab uses the Monaco editor, the same tech that powers Visual Studio Code, so it\u2019s beautiful and lightweight.<\/p>\n

Run<\/h3>\n

Run the code in the task pane beside your email or appointment. You can include logic, API calls to Office, UI in the pane, and even output to a console. Every time you make a code change, the editor refreshes, and you can run the new version in seconds.<\/p>\n

Share<\/h3>\n

Share\u00a0your snippets through GitHub. If you create a snippet you\u2019d like to share, you can use Script Lab to save it then send the link to someone else for them to try it and tweak it on their computer. The Import<\/strong> feature lets you load other people\u2019s snippets. We think sharing will be especially useful for asking and answering questions about add-ins on Stack Overflow (tag office-js<\/a> on general add-ins questions or outlook-web-addins<\/a> on Outlook add-ins questions).<\/p>\n

Install Script Lab for Outlook<\/a> free from the Office Store. It works in Outlook 2013 and later on Windows, and Outlook 2016 and later on Mac. The add-in is currently only supported in Chrome, Microsoft Edge, and Safari.<\/p>\n

The source code in the script-lab repo<\/a> is open to the community. We welcome your contributions to the tool and to our snippets repo<\/a>. We\u2019re excited to keep improving Script Lab with your help!<\/p>\n

Get familiar with Script Lab for Office on each platform<\/h2>\n

The following screenshots show how you can access Script Lab for Outlook on each supported platform.<\/p>\n

Script Lab for Outlook on the web<\/h3>\n

In Outlook on the web, Script Lab for Office appears in the left navigation pane.<\/p>\n

\"Screenshot<\/p>\n

Script Lab for Outlook on Windows desktop<\/h3>\n

On Windows desktop and in Outlook on Mac, find the Script Lab section on the ribbon to open the task pane.<\/p>\n

\"Screenshot<\/p>\n

Script Lab for\u00a0Outlook on Mac<\/h3>\n

\"Screenshot<\/p>\n

We’d love your feedback and on GitHub<\/a>! Happy coding!<\/p>\n

Additional resources<\/h2>\n

Outlook JavaScript API reference<\/a><\/p>\n

Outlook Dev Center<\/a><\/p>\n

Script Lab Quick start<\/a><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Script Lab for Outlook enables you to launch Outlook, open a small code window, and instantly start writing and executing JavaScript that interacts with your emails and appointments.<\/p>\n","protected":false},"author":69076,"featured_media":25159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11],"tags":[12,50],"class_list":["post-4798","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-office-add-ins","tag-outlook","tag-script-lab"],"acf":[],"blog_post_summary":"

Script Lab for Outlook enables you to launch Outlook, open a small code window, and instantly start writing and executing JavaScript that interacts with your emails and appointments.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/4798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69076"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=4798"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/4798\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/25159"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=4798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=4798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=4798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}