Outlook custom Addin is showing blank box after install manifest file.

Copper Contributor

Hi,

We are developing an Outlook Addin in angularJs and are using the manifest.

Everything works fine when trying to add and install the add-in as a custom add-in by loading the manifest from the file.

However, when we click on add-in it opens a panel box at the right side. showing a loading bar for a few seconds and display nothing. Even given URL in SourceLocation and bt:Url is working fine at browser.

Below is my manifest File content

<?xml version="1.0" encoding="UTF-8"?>

<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">

<!-- Begin Basic Settings: Add-in metadata, used for all versions of Office unless override provided. -->

<!-- IMPORTANT! Id must be unique for your add-in, if you reuse this manifest ensure that you change this id to a new GUID. -->

<Id>428c2a1a-ab38-414b-8987-fd1638de17bf</Id>

<!--Version. Updates from the store only get triggered if there is a version change. -->

<Version>1.0.0.1</Version>

<ProviderName>qilo</ProviderName>

<DefaultLocale>en-US</DefaultLocale>

<!-- The display name of your add-in. Used on the store and various places of the Office UI such as the add-ins dialog. -->

<DisplayName DefaultValue="Qilo" />

<Description DefaultValue="View your todos and check-in"/>

<!-- Icon for your add-in. Used on installation screens and the add-ins dialog. -->

<IconUrl DefaultValue="https://team.qilo.co/images/icon96.png" />

<HighResolutionIconUrl DefaultValue="https://team.qilo.co/images/HighResoIcon.png"/>

<!--If you plan to submit this add-in to the Office Store, uncomment the SupportUrl element below-->

<SupportUrl DefaultValue="https://www.team.qilo.co"/>

<!-- Domains that will be allowed when navigating. For example, if you use ShowTaskpane and then have an href link, navigation will only be allowed if the domain is on this list. -->

<AppDomains>

<AppDomain>https://www.team.qilo.co</AppDomain>

<AppDomain>https://www.qilodev.com</AppDomain>

</AppDomains>

<!--End Basic Settings. -->

<Hosts>

<Host Name="Mailbox" />

</Hosts>

<Requirements>

<Sets>

<Set Name="Mailbox" MinVersion="1.1" />

</Sets>

</Requirements>

<FormSettings>

<Form xsi:type="ItemRead">

<DesktopSettings>

<SourceLocation DefaultValue="https://team.qilo.co/#/yourTodos/outlook"/>

<!-- <SourceLocation DefaultValue="https://localhost:3000/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>

<!-- Location of the Functions that UI-less buttons can trigger (ExecuteFunction Actions). -->

<!-- <FunctionFile resid="functionFile" /> -->

<!-- Message Read -->

<ExtensionPoint xsi:type="MessageReadCommandSurface">

<!-- Use the default tab of the ExtensionPoint or create your own with <CustomTab id="myTab"> -->

<OfficeTab id="TabDefault">

<!-- Up to 6 Groups added per Tab -->

<Group id="msgReadGroup">

<Label resid="groupLabel" />

<!-- Launch the add-in : 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="icon16" />

<bt:Image size="32" resid="icon32" />

<bt:Image size="80" resid="icon80" />

</Icon>

<Action xsi:type="ShowTaskpane">

<SourceLocation resid="messageReadTaskPaneUrl" />

</Action>

</Control>

<!-- Go to http://aka.ms/ButtonCommands to learn how to add more Controls: ExecuteFunction and Menu -->

</Group>

</OfficeTab>

</ExtensionPoint>

<!-- Go to http://aka.ms/ExtensionPointsCommands to learn how to add more Extension Points: MessageRead, AppointmentOrganizer, AppointmentAttendee -->

</DesktopFormFactor>

</Host>

</Hosts>

<Resources>

<bt:Images>

<bt:Image id="icon16" DefaultValue="https://team.qilo.co/images/qiloCircle32.png"/>

<bt:Image id="icon32" DefaultValue="https://team.qilo.co/images/qiloCircle32.png"/>

<bt:Image id="icon80" DefaultValue="https://team.qilo.co/images/Qilo_User.png"/>

</bt:Images>

<bt:Urls>

<!-- <bt:Url id="functionFile" DefaultValue="https://localhost:3000/function-file/function-file.html"/> -->

<!-- <bt:Url id="messageReadTaskPaneUrl" DefaultValue="https://qilodev.com/#/yourTodos/outlook"/> -->

<bt:Url id="messageReadTaskPaneUrl" DefaultValue="https://team.qilo.co/#/yourTodos/outlook" />

</bt:Urls>

<bt:ShortStrings>

<bt:String id="groupLabel" DefaultValue="My ToDo's"/>

<bt:String id="customTabLabel" DefaultValue="My Add-in Tab"/>

<bt:String id="paneReadButtonLabel" DefaultValue="qilo"/>

<bt:String id="paneReadSuperTipTitle" DefaultValue="My all to-do's list"/>

</bt:ShortStrings>

<bt:LongStrings>

<bt:String id="paneReadSuperTipDescription" DefaultValue="Maintaining tasks always be helpful to achieve our objective. Check your To-do's or create one."/>

</bt:LongStrings>

</Resources>

</VersionOverrides>

</OfficeApp>

 

We have validated manifest  file using 'validate-office-addin MANIFEST.XML' and checked compatibility with Microsoft.Oack.Console. It passed. 

But Couldn't know why is showing empty box when clicking on add in.

Please Help.  Thanks in advance.

0 Replies