officedev / outlook-add-in-command-demo Goto Github PK

My email client is Outlook 2013, but my webmail is Outlook.com so I was able to add the app and it works perfectly in Outlook 2013 client as well.

I added a feature which calls SharePoint Online and fetches list items, which works great in Outlook.com but the same SharePoint functionality does not work in the client.

First of all, I know that your documentation states, that this solution is meant to work in Outlook 2016 client, but I was wondering if anyone knows why the SharePoint piece would fail or how I could troubleshoot the client for errors.

I would appreciate any help!

Thank you

Server is running, but when I try to install addin, I get the following message:

Das hat leider nicht geklappt.

Diese App kann nicht installiert werden. Diese App wird von der Version von Exchange Server, mit der Ihr Konto eine Verbindung herstellt, nicht unterstützt.

The gulp task to validate if your manifest xml is valid, seems like a very useful utility. When trying to run it though, it is looking for a local xsd file, but that is not in this repository. Can you add manifest.xsd to this project? Or add the link to the README?

Is there a way to deploy Outlook add-ins using SCCM? I couldn't find much info about this.

All I found was this https://msdn.microsoft.com/en-us/library/cc442767.aspx#Build which is used for VSTO add-ins.

Also, Is there someway to deploy add-in using MSI?

The addin does not change on selected email change when conversation mode is set to off.

Steps to reproduce:

1. In the outlook web app go to settings
2. In conversation view section check off radio box
3. Open an email from the inbox
4. Open addin
5. Pin addin
6. Select another email

Expected: addin is updated with data from the new selected email

Actual: data from the first email is displayed

Having the addin unpinned will not close the addin when another email is selected.

This issue seems to be related to office.js as handlers do not trigger when conversation view is set to off.
This works fine in the desktop version of outlook

Hi, i cloned and run the repo, added manifest to outlook web but the Add-in doesn't show up in the "Action Items" tab like in the Readme picture with a yellow arrow.

Do i have to make any adjustments to display add-in inside that tab?

Thanks in advance.

Issue preview

In production, we've run into an issue where an iframed dialog in a web client (e.g. Chrome) will initially open successfully when triggered from the task pane. However, subsequent requests unexpectedly fail when initiated as follows:

At outlook.office.com, do the following:

1. Click the Inbox folder
2. Click the first message in the Inbox folder
3. If the task pane wasn't previously pinned
   1. Click the Add-In Command Demo icon
   2. Click the Open Task Pane menu item
4. In the Task Pane, click the Open iDialog button to open an iframed dialog window
   Expected: The dialog should simply appear
   Actual: Performs as expected
   Note: document.querySelector('iframe[id$=":Dialog"]').id confirms a successful DOM query of the dialog.

From here, do the following:

1. Ensure the Task Pane is pinned (i.e. the pin icon is pointing downward)
2. Close the current dialog
3. Click a different message in the Inbox folder
4. In the Task Pane, click the Open iDialog button to open an iframed dialog window
   Expected: The dialog should simply appear
   Actual: The dialog doesn't appear even though the response from the Dialog API suggests it was indeed opened. Further attempts to open the dialog are unsuccessful as the api errors with: "A dialog is already opened".
   Note: document.querySelector('iframe[id$=":Dialog"]').id fails to find the element the API suggests is present.

Is there a current fix or workaround for this?

I've forked this repo, created the following branch: https://github.com/addisondavid/outlook-add-in-command-demo/tree/office-initialize-failure, implemented the simple dialog web example found here: https://github.com/OfficeDev/Office-Add-in-Dialog-API-Simple-Example and added the additional code needed to reproduce the issue.

There is a workaround (I can't find the link to the article atm) that suggests calling the close method is a try/catch block to force/ensure it's closed but this did not work.

After uploading command-demo-manifest.xml this error message is shown:

This app can't be installed. The manifest file doesn't conform to the schema definition. The element 'Urls' in namespace 'http://schemas.microsoft.com/office/officeappbasictypes/1.0' cannot contain text. List of possible elements expected: 'Url' in namespace 'http://schemas.microsoft.com/office/officeappbasictypes/1.0'...

I installed the add-in in my outlook.com account, hosted on a https nginx server, with CORS enabled.
When I click on the Display all properties, the body(HTML) is different in android

Outlook on Android

Outlook for iOS

Outlook Web

Outlook for Mac

The email was forwarded from Gmail. When I remove the "From: blah blah blah" from the body of the email and forward, it works fine.

Has someone encountered this? Anything that can be done to fix this?

I got the add-in to work. But when I edit the Icon colours (ie. in paint, replace the blue with yellow etc.) and keep the same filename and reinstall the add-in, the icons still stays blue. On the gulp server the icons are yellow, in the 'Images' folder they are yellow. So where is Office getting the blue icons, even after reinstalling the add-in when none exist?

Hi,

I checked command addin demo for outlook 2016 on mac. It seems addin don't load on outlook startup, but as soon as I try to compose a new email, they start showing on mail window as well as on main outlook toolbar. I suppose this is not the desired behavior.

i want add a ribbon button like "New Email", and click it show a dialog.
i want add a new menu item insert to "New Items" , and click it show a dialog.
i know it can be done in Visto mode, and how can i do the same thing in the web mode?
Please provide support， thank you.

Hello,

I followed your tutorial step by step but I have a problem: the add-in appears on mobile but it doesn't work.

The node js server is started on my computer. I don't know if it is because my add-in is accessible by localhost. If it is that the issue, please tell me how to make it accessible remotely.

Thank you.

I'm following instructions to try from an Outlook.Com account. When I go to Manage Add-Ins I don't see a toolbar with a + on it to select Add From File, instead only a list of Add-Ins from the Store. Is that part of the instructions out of date? If Outlook.com has disabled the Add From File functionality what's a good alternative for testing in development?

My add-in is accessible from my web server azure. But it doesn't work. The taskpane opens but when I click on the button to send the email it doesn't do anything. the error that appears in the console of google chrome is :

Uncaught Error: Office.js has not fully loaded. Your app must call "Office.onReady()" as part of it's loading sequence (or set the "Office.initialize" function). If your app has this functionality, try reloading this page.
at office.debug.js:1496
at validateFunction (office.debug.js:281)

Thank you.

npm install fails

npm ERR! code 128
npm ERR! Command failed: /usr/bin/git submodule update -q --init --recursive
npm ERR! warning: templates not found /tmp/pacote-git-template-tmp/git-clone-ce68d33a
npm ERR! fatal: unable to connect to git.gnome.org:
npm ERR! git.gnome.org[0: 209.132.180.180]: errno=No route to host
npm ERR! git.gnome.org[1: 209.132.180.168]: errno=No route to host
npm ERR!
npm ERR! fatal: clone of 'git://git.gnome.org/libxml2' into submodule path 'libxml2' failed
npm ERR!

npm ERR! A complete log of this run can be found in:
npm ERR! /home/butch/.npm/_logs/2018-09-13T11_38_48_646Z-debug.lo

I am creating an add-in for outlook in which i am trying to get a outlook token suing getCallbackTokenAsync({isRest:true}) method. To execute the method it is taking too long time and after few minutes it is returning status failed.

Here is my platform
OS: Win 10 Azure VM
Office Version: Office 365 Pro Plus - 16.0.9126.2275
Mailbox Requirement Set: 1.6

I don`t see any error as well other than getting status failed.

Can someone please help me with this.

Thanks in advance.

Is it possible to show the task pane by Javascript? I know it's possible to show the task pane with a button through the manifest file (<Action xsi:type="ShowTaskpane">) but I'm looking for the following:

1. User executes a function by pressing a button (<Action xsi:type="ExecuteFunction">).
2. The functionFile checks for a condition, in our case check if a certain roamingSetting is set.
3. If not, the task pane is shown to ask a user to store the needed roamingSetting.

If this is not possible:

• Is it possible to check for a First Run?

In pre-requisites, it is mentioned that the sample needs to be hosted in HTTPS website. What are the requirements for development using Visual Studio? Is it possible to debug the app within Visual Studio by simply pressing F5? Does that work?

Any help will be appreciated.
Thanks.

Hi,

I have installed this addin in my office 365 account.

When I open my account in Windows Outlook 2016, I can see icons in header toolbar. But those icons don't appear on Mac Outlook 2016. Though I can see it working when I open the mail item. Is this not supported on mac ?

Thanks.

In the sample manifest file here: https://gist.github.com/mlafleur/95b7ac030bb7a7ae742527e85a36b095 there is an ExtensionPoint for CustomPane: (line 65). Can you clarify what that is for, and how that is related to Add-in Commands?
Thanks in advance!

I am trying to implement one service which will be hosted in Azure and Outlook Add-In. I have to call custom service that I implemented in Azure from Add-in. Can you provide guidelines or samples which can help in my development?

I am trying to access attachment using REST API as mentioned in this doc https://docs.microsoft.com/en-us/outlook/add-ins/use-rest-api

Both Mailbox version is 1.5

var getAttachmentsUrl = Office.context.mailbox.restUrl + '/v2.0/me/messages/' + itemId + '/attachments';

OWA sends the URL as

https://outlook.office365.com/api/v2.0/me/messages/{itemId}/attachments

This works well

Outlook 2016 version 15.41 (171205) for Mac sends the URL as

https://outlook.office.com/api/v2.0/me/messages/{itemId}/attachments

This throws a 403 error

{
    "error": {
        "code": "ErrorAccessDenied",
        "message": "Access is denied. Check credentials and try again."
    }
}

Because of this the add-in fails to work on Outlook 2016 for Mac.

It works fine in Outlook 2016 for Windows version 1711 (Build 8730.2175 Click-to-Run)

This happens for Uber receipts, I can forward the email if need be.

Another observation is, if I have 3 Uber emails, the first one works fine and rest 2 throws 403.

Whereas the same API works for a different email with a PDF attachment.

Hi, i succesfully installed and configured the add-in. There is a big issue for me : as soon as i add a special character (é è à or other...) in any string of characters of the manifest, I get an "invalid character in the given encoding" error when I submit the manifest file.

The encoding is specified to be in UTF-8. I edit the manifest with Sublime Text 3, specifying to save in UTF-8. I tried with and without BOM. But still not working. I don't understand the reasons of such a problem !

Hi:

could you tell me how to remove focus from command-demo-manifest.xml for mac outlook. xml as follows:

Thanks.

Is REST API support available in Android and iOS outlook client? (Using Office.js)

I wish to read the attachments using my outlook add-in, since Office.context.mailbox.ewsUrl is not supported in mobile, I used REST API to get the base64 encoding of the attachment.

I use Office.context.requirements.isSetSupported('Mailbox', '1.5') to get the attachments.
This works well in OWA in the browser. But when I check for this in Outlook for Android, it is returned as false. I debugged using Vorlon JS and this is the output I got

OWA Browser

Outlook Mobile App (Android)

If I do not check specifically for Office.context.requirements.isSetSupported('Mailbox', '1.5') this and use the Office.context.mailbox.restUrl + '/v2.0/me/messages/' + itemId + '/attachments' directly, it works fine on OWA in browser and Outlook for Android.

What is the minimum version of Mailbox with which the REST API works? (Because I got it working with Mailbox 1.4 in Android?

As per the docs, it says this feature is in Preview, but I see there is a 1.5 version of docs and a Preview version of docs.

Also, how does one check what version of Mailbox is supported by different clients?

Any help is appreciated.

Thanks

Like the Yeoman generator...would be great if you could run a gulp task to run up a web server in command prompt. e.g. npm install, then "gulp serve-static".
Essentially need to put the gulpfile.js and a package.json.

I have this already done if you want it?

In production, we've noticed the following when toggling between reading and composing messages where, it appears, due to the app not re-initializing as expected, the expected Office.context.mailbox.item fails to properly load.

I've forked this repo and created the following branch with the additional code needed to reproduce the issue: https://github.com/addisondavid/outlook-add-in-command-demo/tree/office-initialize-failure

Prerequisite: the task pane should already be pinned in read mode.

On outlook.office.com, do the following:

1. Click the Inbox folder
2. Click the first message in the Inbox folder
   Expected Result: The pinned task pane in read-mode appears displaying the appropriate mailbox context item (i.e. the currently selected message)
   Actual Result: Performs as expected
   Note: Office.initialize was called

From here, do the following:

1. Click New
   Expected: The pinned task pane in compose-mode appears displaying the appropriate mailbox context item (i.e. the current state of the composed message)
   Actual: Performs as expected
   Note: Office.initialize was called

From here, do the following:

1. Discard the new message, returning to the previously selected message in the Inbox folder
2. Click the Add-In Command Demo icon
3. Click the Open Task Pane menu item
   Expected: The pinned task pane in read-mode appears displaying the appropriate mailbox context item (i.e. the current state of the composed message)
   Actual: Performs as expected
   Note: Office.initialize was called

From here, do the following:

1. Click New
   Expected: The pinned task pane in compose-mode appears displaying the appropriate mailbox context item (i.e. the current state of the composed message)
   Actual: The pinned task remains in read-mode, opened to the previously selected mailbox item and not the compose-mode state, displaying the current state of the composed message.
   Note: Office.initialize was not called

This issue occurs when the task pane is pinned in the read mode and regardless of whether previously pinned in compose mode or during the first Click New step.

Is this indeed a bug, or have I missed a step?

When I click the function button nothing gets inserted, only a throbber appears above the "Send" button with a message saying "Add-in Command Demo is working on your Insert default message request".

Hi,

When I followed the instructions, I get a net::ERR_INSECURE_RESPONSE as the browser doesn't trust the self signed cert.

To get around this I visited the site directly in the browser, and chose to trust the cert, as described here:

http://stackoverflow.com/questions/23688565/failed-to-load-resource-neterr-insecure-response

Perhaps the readme could be updated to include this step?

How to auto active any add in when we are in compose mode?...
Is there any way to so this by using javascript api.

Thanks

Compare here and here

I understand I can add html/js code that is then called from a Ribbon button and I understand I can use office.js but I'm not clear on how to tie this to Outlook's UI back so that when user clicks the button - they see view inside of Outlook, can someone help with that?

Hi Jason,

Awesome work; keep it up. I just wanted to let you know that your add-in doesn't work on Outlook 2016 on a Mac. Do you have any idea why it doesn't work?

Here's a screenshot

I'm using Outlook Version 15.23 (160611) on OS X El Captain v10.11.5

I was able to set up and use the AppCompose part of the demo with the Outlook 365 web app, and it works nicely, but the AppRead part doesn't work (out of the box, at least).

Icons are not visible in Outlook 2016 desktop when we have deployed the demo on localhost over https protocol, thou they are visible in Outlook Web App.