Search code examples
office-jsoffice-addinsoutlook-web-addins

Custom task pane header in Microsoft Outlook addin


I have created the Outlook addin (which opens in compose email window), and specified displaName and iconUrl in manifest.xml like below:

<DisplayName DefaultValue="My Office Addin" />
<IconUrl DefaultValue="https://localhost:3000/assets/sample.png" />

Which reflects Icon and Name in below images (1. OptionMenu and 2. Sidepane).

Menu option SidePane

I am having few questions regarding it:

1. Is there any option to disable or hide this icon and title in sidepane(2nd image)?

2. Is there any option to customize header of sidepane(2nd image) like setting background image or custom font in header?

I have gone through microsoft documentation in last few days but I have found no solution. I am new to Microsoft add-in's. Please help me if you have any idea regarding this. Here is my manifest.xml file:

<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/1.0" xsi:type="MailApp">
  <Id>1e4f9008-e850-4631-be7c-d36b05a23543</Id>
  <Version>1.0.0.0</Version>
  <ProviderName>My Office Addin</ProviderName>
  <DefaultLocale>en-US</DefaultLocale>
  <DisplayName DefaultValue="My Office Addin" />
  <Description DefaultValue="My Office Addin Description" />
  <IconUrl DefaultValue="https://localhost:3000/assets/sample.png" />
  <HighResolutionIconUrl DefaultValue="https://localhost:3000/assets/sample.png" />
  <Hosts>
    <Host Name="Mailbox" />
  </Hosts>
  <Requirements>
    <Sets DefaultMinVersion="1.1">
      <Set Name="Mailbox" />
    </Sets>
  </Requirements>
  <FormSettings>
    <Form xsi:type="ItemRead">
      <DesktopSettings>
        <SourceLocation DefaultValue="https://localhost:3000/taskpane.html" />
        <RequestedHeight>250</RequestedHeight>
      </DesktopSettings>
      <TabletSettings>
        <!-- Change the following line to specify     -->
        <!-- the web server that hosts the HTML file. -->
        <SourceLocation DefaultValue=
          "https://localhost:3000/taskpane.html" />
        <RequestedHeight>216</RequestedHeight>
      </TabletSettings>
    </Form>
    <Form xsi:type="ItemEdit">
      <DesktopSettings>
        <SourceLocation DefaultValue="https://localhost:3000/taskpane.html" />
      </DesktopSettings>
      <TabletSettings>
        <SourceLocation DefaultValue="https://localhost:3000/taskpane.html" />
      </TabletSettings>
    </Form>
  </FormSettings>
  <Permissions>ReadWriteItem</Permissions>
  <Rule xsi:type="RuleCollection" Mode="Or">
    <Rule xsi:type="ItemIs" ItemType="Message" FormType="Edit" />
  </Rule>
  <DisableEntityHighlighting>false</DisableEntityHighlighting>
</OfficeApp>

Solution

  • Currently these capabilities (customizing the task pane header and setting the icon's visibility) are not available for add-ins. We track Outlook add-in feature requests on our user-voice page. Please add your request there. Feature requests on user-voice are considered, when we go through our planning process.

    https://officespdev.uservoice.com/forums/224641-general/category/131778-outlook-add-ins