js-docs/tree/master/docs/design/ui-elements/layouts-for-outlook-add-ins.md">Edit in GitHub

Layouts for mail add-ins

You can use any of the following layouts for mail add-ins:

  • Task pane
  • Contextual
  • Functions with InfoBar notifications

For guidelines about UI text in your add-ins, see Office Voice.

Task pane

For recommendations for task pane layouts for mail add-ins, see Layout for task pane add-ins.

Contextual add-ins

The following image shows the recommended layout for a contextual mail add-in.

Layout of a contextual mail add-in

Functions with InfoBar notifications

In addition to using a task pane or contextual pane to display custom HTML UI in your mail add-in, you can execute functions from commands. When you need to display UI text as a result of a function, you can use InfoBar notifications. For example, you might need to use an InfoBar notification to display error or success messages.

For more information, see add-in commands for mail.

https://msdn.microsoft.com/EN-US/library/office/mt267546.aspx" target="_blank">add-in commands for mail.