Help with add-in for Outlook Mobile.

[renatomrv]

Type of issue

Code doesn't work

Feedback

I need help getting my add-in to work on mobile devices.

The add-in works in OWA (automatically) and on the desktop (only when the Task Pane button is pressed), but it doesn't work in mobile apps (Outlook for Android).

My app basically takes information from the user (who is composing the email) via graph and creates a signature in real time.
It works well in OWA, but I need it to work on mobile as well.

Below is my current manifest.xml:

`

{xxxxxxxxxxxxxxxxxxxxxxxx}
1.2.1
Omni Helicopters International
en-us

https://assinaturas.omnibrasil.com.br 250

ReadWriteItem

true

  <!-- Requisitos adicionais -->
  <Requirements>
    <bt:Sets DefaultMinVersion="1.10">
      <bt:Set Name="Mailbox"/>
    </bt:Sets>
  </Requirements>

  <Hosts>
    <Host xsi:type="MailHost">

      <!-- ========================== -->
      <!--        RUNTIMES            -->
      <!-- ========================== -->
      <Runtimes>
        <Runtime resid="AutorunRuntime.Url">
          <Override type="javascript" resid="RuntimeJs.Url"/>
        </Runtime>
      </Runtimes>

      <!-- ========================== -->
      <!--       DESKTOP / OWA        -->
      <!-- ========================== -->
      <DesktopFormFactor>
        <!-- Botão manual de debug -->
        <ExtensionPoint xsi:type="MessageComposeCommandSurface">
          <OfficeTab id="TabDefault">
            <Group id="mccsG0">
              <Label resid="residGL0"/>
              <Control xsi:type="Button" id="MRCS_TpBtn0">
                <Label resid="residStr0"/>
                <Supertip>
                  <Title resid="residStr0"/>
                  <Description resid="residTT0"/>
                </Supertip>
                <Icon>
                  <bt:Image size="16" resid="Icon16x16"/>
                  <bt:Image size="32" resid="Icon16x16"/>
                  <bt:Image size="80" resid="Icon16x16"/>
                </Icon>
                <Action xsi:type="ShowTaskpane">
                  <SourceLocation resid="residUrl0"/>
                </Action>
              </Control>
            </Group>
          </OfficeTab>
        </ExtensionPoint>

        <!-- Evento automático de assinatura -->
        <ExtensionPoint xsi:type="LaunchEvent">
          <LaunchEvents>
            <LaunchEvent Type="OnNewMessageCompose" FunctionName="checkSignature"/>
            <LaunchEvent Type="OnNewAppointmentOrganizer" FunctionName="checkSignature"/>
          </LaunchEvents>
          <SourceLocation resid="AutorunRuntime.Url"/>
        </ExtensionPoint>
      </DesktopFormFactor>

      <!-- ========================== -->
      <!--           MOBILE           -->
      <!-- ========================== -->
      <MobileFormFactor>
        <ExtensionPoint xsi:type="LaunchEvent">
          <LaunchEvents>
            <LaunchEvent Type="OnNewMessageCompose" FunctionName="checkSignature"/>
          </LaunchEvents>
          <SourceLocation resid="AutorunRuntime.Url"/>
        </ExtensionPoint>
      </MobileFormFactor>

    </Host>
  </Hosts>

  <!-- ========================== -->
  <!--          RECURSOS          -->
  <!-- ========================== -->
  <Resources>
    <bt:Images>
      <bt:Image id="Icon16x16" DefaultValue="https://assinaturas.omnibrasil.com.br/addin/assets/final_logo.png"/>
    </bt:Images>

    <bt:Urls>
      <bt:Url id="residUrl0" DefaultValue="https://assinaturas.omnibrasil.com.br/addin/editsignature.html"/>
      <bt:Url id="AutorunRuntime.Url" DefaultValue="https://assinaturas.omnibrasil.com.br/addin/autorunweb.html"/>
      <bt:Url id="RuntimeJs.Url" DefaultValue="https://assinaturas.omnibrasil.com.br/addin/autorun.js"/>
    </bt:Urls>

    <bt:ShortStrings>
      <bt:String id="residGL0" DefaultValue="Signature Injector"/>
      <bt:String id="residStr0" DefaultValue="Set my signature"/>
    </bt:ShortStrings>

    <bt:LongStrings>
      <bt:String id="residAppDesc" DefaultValue="Insert your signature with ease."/>
      <bt:String id="residTT0" DefaultValue="Abre o painel de edição de assinatura."/>
    </bt:LongStrings>
  </Resources>

</VersionOverrides>

`

Page URL

https://learn.microsoft.com/en-us/office/dev/add-ins/outlook/mobile-event-based?tabs=jsonmanifest

Content source URL

https://github.com/OfficeDev/office-js-docs-pr/blob/main/docs/outlook/mobile-event-based.md

Author

@o365devx

Document Id

6c009fe3-2c6a-34ce-7fc7-0ad6655617bb

Platform Id

a33cd81a-aa8d-8f65-b665-f18cc8855836

[mattgeim]

@renatomrv is the issue that following the steps in the listed documentation don't let you test on mobile? Specifically, the section here: https://learn.microsoft.com/en-us/office/dev/add-ins/outlook/mobile-event-based?tabs=xmlmanifest#test-and-validate-your-add-in

Or some other issue with this documentation?

[renatomrv]

Yes. I tried to follow the exact steps recommended in this linked article, but without success on mobile. It only works on OWA and desktop.

[samantharamon]

Thanks for confirming, @renatomrv. I created an add-in based on the article and it works as expected on mobile. Could you please provide the platform and version of the Outlook client you're testing on?

I understand that you're using Microsoft Graph to obtain the sender's user information. For testing purposes, does the add-in work on mobile if you simply add text to the body of the message when the OnMessageCompose event occurs? This will help determine if the Microsoft Graph calls are causing the issue.

[renatomrv]

Thanks for the reply, @samantharamon. In your test, does the add-in icon appear in supplements, or does only the event occur?

My Outlook for Android version is 4.2539.2.

Could you share the manifest.xml you used?

Oh, and did you deploy it to Admin Center?