Skip to content

Instantly share code, notes, and snippets.

@splinter

splinter/index.html

Created April 14, 2020 11:25
Show Gist options
  • Save splinter/0edeeee602ee5b691d799e7b292d6ded to your computer and use it in GitHub Desktop.
Save splinter/0edeeee602ee5b691d799e7b292d6ded to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://appsforoffice.microsoft.com/lib/1/hosted/Office.js" type="text/javascript"></script>
</head>
<body>
<div>
This is a test add-in
</div>
<select>
<option>A</option>
<option>B</option>
</select>
<script>
Office.onReady(function () {
// Office is ready
const itemChanged = () => {
console.log('Item has changed');
};
$(document).ready(function () {
// The document is ready
console.log("Done loading Office");
Office.context.mailbox.addHandlerAsync(Office.EventType.ItemChanged, itemChanged);
});
});
</script>
</body>
</html>
Raw
manifest.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!--Created:cb85b80c-f585-40ff-8bfc-12ff4d0e34a9-->
<OfficeApp
xmlns="http://schemas.microsoft.com/office/appforoffice/1.1"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:bt="http://schemas.microsoft.com/office/officeappbasictypes/1.0"
xmlns:mailappor="http://schemas.microsoft.com/office/mailappversionoverrides"
xsi:type="MailApp">
<Id>7164e750-dc86-49c0-b548-1bac57abdc7c</Id>
<Version>1.0.0.0</Version>
<ProviderName>Microsoft Outlook Dev Center</ProviderName>
<DefaultLocale>en-US</DefaultLocale>
<DisplayName DefaultValue="Add-in Command Demo" />
<Description DefaultValue="Adds command buttons to the ribbon in Outlook"/>
<IconUrl DefaultValue="http://localhost/images/blue-64.png" />
<HighResolutionIconUrl DefaultValue="http://localhost/images/blue-128.png" />
<SupportUrl DefaultValue="http://localhost"/>
<Hosts>
<Host Name="Mailbox" />
</Hosts>
<Requirements>
<Sets>
<Set Name="MailBox" MinVersion="1.1" />
</Sets>
</Requirements>
<!-- These elements support older clients that don't support add-in commands -->
<FormSettings>
<Form xsi:type="ItemRead">
<DesktopSettings>
<!-- NOTE: Just reusing the read task pane page that is invoked by the button
on the ribbon in clients that support add-in commands. You can
use a completely different page if desired -->
<SourceLocation DefaultValue="http://localhost/index.html"/>
<RequestedHeight>450</RequestedHeight>
</DesktopSettings>
</Form>
</FormSettings>
<Permissions>ReadWriteItem</Permissions>
<Rule xsi:type="RuleCollection" Mode="Or">
<Rule xsi:type="ItemIs" ItemType="Message" FormType="Read" />
</Rule>
<DisableEntityHighlighting>false</DisableEntityHighlighting>
<VersionOverrides xmlns="http://schemas.microsoft.com/office/mailappversionoverrides" xsi:type="VersionOverridesV1_0">
<Requirements>
<bt:Sets DefaultMinVersion="1.3">
<bt:Set Name="Mailbox" />
</bt:Sets>
</Requirements>
<Hosts>
<Host xsi:type="MailHost">
<DesktopFormFactor>
<!-- Message read form -->
<ExtensionPoint xsi:type="MessageReadCommandSurface">
<OfficeTab id="TabDefault">
<Group id="msgReadDemoGroup">
<Label resid="groupLabel" />
<!-- Task pane button -->
<Control xsi:type="Button" id="msgReadOpenPaneButton">
<Label resid="paneReadButtonLabel" />
<Supertip>
<Title resid="paneReadSuperTipTitle" />
<Description resid="paneReadSuperTipDescription" />
</Supertip>
<Icon>
<bt:Image size="16" resid="green-icon-16" />
<bt:Image size="32" resid="green-icon-32" />
<bt:Image size="80" resid="green-icon-80" />
</Icon>
<Action xsi:type="ShowTaskpane">
<SourceLocation resid="readTaskPaneUrl" />
</Action>
</Control>
</Group>
</OfficeTab>
</ExtensionPoint>
</DesktopFormFactor>
</Host>
</Hosts>
<Resources>
<bt:Images>
<!-- Blue icon -->
<bt:Image id="blue-icon-16" DefaultValue="http://localhost/images/blue-16.png" />
<bt:Image id="blue-icon-32" DefaultValue="http://localhost/images/blue-32.png" />
<bt:Image id="blue-icon-80" DefaultValue="http://localhost/images/blue-80.png" />
<!-- Red icon -->
<bt:Image id="red-icon-16" DefaultValue="http://localhost/images/red-16.png" />
<bt:Image id="red-icon-32" DefaultValue="http://localhost/images/red-32.png" />
<bt:Image id="red-icon-80" DefaultValue="http://localhost/images/red-80.png" />
<!-- Green icon -->
<bt:Image id="green-icon-16" DefaultValue="http://localhost/images/green-16.png" />
<bt:Image id="green-icon-32" DefaultValue="http://localhost/images/green-32.png" />
<bt:Image id="green-icon-80" DefaultValue="http://localhost/images/green-80.png" />
</bt:Images>
<bt:Urls>
<bt:Url id="readTaskPaneUrl" DefaultValue="http://localhost/index.html" />
</bt:Urls>
<bt:ShortStrings>
<bt:String id="groupLabel" DefaultValue="Add-in Demo" />
<bt:String id="funcReadButtonLabel" DefaultValue="Get subject" />
<bt:String id="menuReadButtonLabel" DefaultValue="Get property" />
<bt:String id="paneReadButtonLabel" DefaultValue="Display all properties" />
<bt:String id="funcReadSuperTipTitle" DefaultValue="Gets the subject of the message or appointment" />
<bt:String id="menuReadSuperTipTitle" DefaultValue="Choose a property to get" />
<bt:String id="paneReadSuperTipTitle" DefaultValue="Get all properties" />
<bt:String id="menuItem1ReadLabel" DefaultValue="Get item class" />
<bt:String id="menuItem2ReadLabel" DefaultValue="Get date time created" />
<bt:String id="menuItem3ReadLabel" DefaultValue="Get item ID" />
</bt:ShortStrings>
<bt:LongStrings>
<bt:String id="funcReadSuperTipDescription" DefaultValue="Gets the subject of the message or appointment and displays it in the info bar. This is an example of a function button." />
<bt:String id="menuReadSuperTipDescription" DefaultValue="Gets the selected property of the message or appointment and displays it in the info bar. This is an example of a drop-down menu button." />
<bt:String id="paneReadSuperTipDescription" DefaultValue="Opens a pane displaying all available properties of the message or appointment. This is an example of a button that opens a task pane." />
<bt:String id="menuItem1ReadTip" DefaultValue="Gets the item class of the message or appointment and displays it in the info bar." />
<bt:String id="menuItem2ReadTip" DefaultValue="Gets the date and time the message or appointment was created and displays it in the info bar." />
<bt:String id="menuItem3ReadTip" DefaultValue="Gets the item ID of the message or appointment and displays it in the info bar." />
</bt:LongStrings>
</Resources>
<VersionOverrides xmlns="http://schemas.microsoft.com/office/mailappversionoverrides/1.1" xsi:type="VersionOverridesV1_1">
<Requirements>
<bt:Sets DefaultMinVersion="1.3">
<bt:Set Name="Mailbox" />
</bt:Sets>
</Requirements>
<Hosts>
<Host xsi:type="MailHost">
<DesktopFormFactor>
<!-- Message read form -->
<ExtensionPoint xsi:type="MessageReadCommandSurface">
<OfficeTab id="TabDefault">
<Group id="msgReadDemoGroup">
<Label resid="groupLabel" />
<!-- Task pane button -->
<Control xsi:type="Button" id="msgReadOpenPaneButton">
<Label resid="paneReadButtonLabel" />
<Supertip>
<Title resid="paneReadSuperTipTitle" />
<Description resid="paneReadSuperTipDescription" />
</Supertip>
<Icon>
<bt:Image size="16" resid="green-icon-16" />
<bt:Image size="32" resid="green-icon-32" />
<bt:Image size="80" resid="green-icon-80" />
</Icon>
<Action xsi:type="ShowTaskpane">
<SourceLocation resid="readTaskPaneUrl" />
<SupportsPinning>true</SupportsPinning>
</Action>
</Control>
</Group>
</OfficeTab>
</ExtensionPoint>
</DesktopFormFactor>
</Host>
</Hosts>
<Resources>
<bt:Images>
<!-- Blue icon -->
<bt:Image id="blue-icon-16" DefaultValue="http://localhost/images/blue-16.png" />
<bt:Image id="blue-icon-32" DefaultValue="http://localhost/images/blue-32.png" />
<bt:Image id="blue-icon-80" DefaultValue="http://localhost/images/blue-80.png" />
<!-- Red icon -->
<bt:Image id="red-icon-16" DefaultValue="http://localhost/images/red-16.png" />
<bt:Image id="red-icon-32" DefaultValue="http://localhost/images/red-32.png" />
<bt:Image id="red-icon-80" DefaultValue="http://localhost/images/red-80.png" />
<!-- Green icon -->
<bt:Image id="green-icon-16" DefaultValue="http://localhost/images/green-16.png" />
<bt:Image id="green-icon-32" DefaultValue="http://localhost/images/green-32.png" />
<bt:Image id="green-icon-80" DefaultValue="http://localhost/images/green-80.png" />
</bt:Images>
<bt:Urls>
<bt:Url id="readTaskPaneUrl" DefaultValue="http://localhost/index.html" />
</bt:Urls>
<bt:ShortStrings>
<bt:String id="groupLabel" DefaultValue="Add-in Demo" />
<bt:String id="funcReadButtonLabel" DefaultValue="Get subject" />
<bt:String id="menuReadButtonLabel" DefaultValue="Get property" />
<bt:String id="paneReadButtonLabel" DefaultValue="Display all properties" />
<bt:String id="funcReadSuperTipTitle" DefaultValue="Gets the subject of the message or appointment" />
<bt:String id="menuReadSuperTipTitle" DefaultValue="Choose a property to get" />
<bt:String id="paneReadSuperTipTitle" DefaultValue="Get all properties" />
<bt:String id="menuItem1ReadLabel" DefaultValue="Get item class" />
<bt:String id="menuItem2ReadLabel" DefaultValue="Get date time created" />
<bt:String id="menuItem3ReadLabel" DefaultValue="Get item ID" />
</bt:ShortStrings>
<bt:LongStrings>
<bt:String id="funcReadSuperTipDescription" DefaultValue="Gets the subject of the message or appointment and displays it in the info bar. This is an example of a function button." />
<bt:String id="menuReadSuperTipDescription" DefaultValue="Gets the selected property of the message or appointment and displays it in the info bar. This is an example of a drop-down menu button." />
<bt:String id="paneReadSuperTipDescription" DefaultValue="Opens a pane displaying all available properties of the message or appointment. This is an example of a button that opens a task pane." />
<bt:String id="menuItem1ReadTip" DefaultValue="Gets the item class of the message or appointment and displays it in the info bar." />
<bt:String id="menuItem2ReadTip" DefaultValue="Gets the date and time the message or appointment was created and displays it in the info bar." />
<bt:String id="menuItem3ReadTip" DefaultValue="Gets the item ID of the message or appointment and displays it in the info bar." />
</bt:LongStrings>
</Resources>
</VersionOverrides>
</VersionOverrides>
</OfficeApp>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment