CODEWITHSUNDEEP
outlookoffice-jsoutlook-addinoutlook-web-addinsribbonx
R. Mohammad
R. Mohammad

Reputation: 95

Outlook custom add in change icon

Im creating a custom add in using the yo office command. I just want to know how i can change the icon on the outlook mail app. Ive. try everything but nothing works. Image Here

Upvotes: 1

Views: 535

Answers (1)

Eugene Astafiev
Eugene Astafiev

Reputation: 49455

It seems you need to change the icon on the ribbon. For that you need to add an icon to your web app and define it in the resources section to which you can refer in the ribbon markup:

<!-- Define a control that calls a JavaScript function. -->
<Control xsi:type="Button" id="Button1Id1">
  <Label resid="residLabel" />
  <Tooltip resid="residToolTip" />
  <Supertip>
    <Title resid="residLabel" />
    <Description resid="residToolTip" />
  </Supertip>
  <Icon>
    <bt:Image size="16" resid="icon1_16x16" />
    <bt:Image size="32" resid="icon1_32x32" />
    <bt:Image size="80" resid="icon1_80x80" />
  </Icon>
  <Action xsi:type="ExecuteFunction">
    <FunctionName>getData</FunctionName>
  </Action>
</Control>

The resources section from the manifest file may look like that:

<Resources>
        <bt:Images>
          <bt:Image id="Icon_16x16" DefaultValue="https://localhost:3000/assets/icon-16.png"/>
          <bt:Image id="Icon_32x32" DefaultValue="https://localhost:3000/assets/icon-32.png"/>
          <bt:Image id="Icon_80x80" DefaultValue="https://localhost:3000/assets/icon-80.png"/>
        </bt:Images>
<Resources>

Read more about that in the Add-in commands for Outlook article.

Upvotes: 1

Related Questions