如何在Outlook Web App(OWA)，Outlook 2016 Mac&中的Outlook加载项中显示垂直窗格视窗 [英] How to show vertical pane in Outlook add-ins in Outlook Web App (OWA), Outlook 2016 Mac & Windows

问题描述

我正在开发面向OWA，Outlook for Mac& 2016的Outlook加载项.视窗.我的要求是在阅读和撰写邮件时，在右侧垂直显示加载项.对于撰写，默认情况下是按需要显示，而对于阅读，则是水平显示，而我想垂直显示.简而言之，我想显示我的加载项与Evernote加载项完全相同.

I am developing an outlook add-in targeting OWA, Outlook 2016 for Mac & Windows. My requirement is to show the add-in vertically on right side while reading and composing mail. For compose it is by default showing as desired but for reading it is showing horizontally which I want to show vertically. In short I like to show my add-in exactly same as Evernote add-in is showing.

您的帮助将不胜感激.我想在OWA中的Evernote屏幕截图之后显示的是图标位置(用红色包围).

Your help will be much appreciated. Following screen-shot of Evernote in OWA is what I want to show including icon location (enclosed in red).

谢谢.

推荐答案

我使用YEOMAN Office Generator进行了这种垂直加载.供参考，请使用此链接. yeoman-office-generator的 GitHub链接. 并在manifest.xml文件中进行如下更改:

I make such vertical add-in using YEOMAN Office Generator. for reference use this link. GitHub link for yeoman-office-generator. And make changes in your manifest.xml file is as belows:

    <?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" 
  xsi:type="MailApp">

  <Id>7856b76d-42c2-4b40-87df-c4bfb706246f</Id>
  <Version>1.0</Version>
  <ProviderName>Microsoft</ProviderName>
  <DefaultLocale>en-us</DefaultLocale>
  <DisplayName DefaultValue="Alore MailTracker"/>
  <Description DefaultValue="Send and Track your emails.">
    <Override Locale="fr-fr" Value="Send and track your emails with Alore Emailtracker."/>
  </Description>
  <!-- Change the following line to specify    -->
  <!-- the web serverthat hosts the icon file. -->
  <IconUrl DefaultValue="https://localhost:3000/assets/icon-32.png"/>

  <Hosts>
    <Host Name="Mailbox" />
  </Hosts>
  <Requirements>
    <Sets DefaultMinVersion="1.1">
      <Set Name="Mailbox" />
    </Sets>
  </Requirements>

  <FormSettings>
    <Form xsi:type="ItemRead">
      <DesktopSettings>
        <!-- Change the following line to specify     -->
        <!-- the web server that hosts the HTML file. -->
        <SourceLocation DefaultValue="https://localhost:3000/index.html" />
        <RequestedHeight>216</RequestedHeight>
      </DesktopSettings>
      <TabletSettings>
        <!-- Change the following line to specify     -->
        <!-- the web server that hosts the HTML file. -->
        <SourceLocation DefaultValue="https://localhost:3000/index.html" />
        <RequestedHeight>216</RequestedHeight>
      </TabletSettings>
    </Form>
    <Form xsi:type="ItemEdit">
      <DesktopSettings>
        <!-- Change the following line to specify     -->
        <!-- the web server that hosts the HTML file. -->
        <SourceLocation DefaultValue="https://localhost:3000/index.html" />
      </DesktopSettings>
      <TabletSettings>
        <!-- Change the following line to specify     -->
        <!-- the web server that hosts the HTML file. -->
        <SourceLocation DefaultValue="https://localhost:3000/index.html" />
      </TabletSettings>
    </Form>
  </FormSettings>

  <Permissions>ReadWriteItem</Permissions>
  <Rule xsi:type="RuleCollection" Mode="Or"> 
    <Rule xsi:type="RuleCollection" Mode="And">
      <Rule xsi:type="RuleCollection" Mode="Or">
        <Rule xsi:type="ItemIs" ItemType="Appointment" FormType="Read" />
        <Rule xsi:type="ItemIs" ItemType="Message" FormType="Read" />
      </Rule>
      <Rule xsi:type="ItemHasRegularExpressionMatch" 
        PropertyName="BodyAsPlaintext" RegExName="VideoURL" 
        RegExValue="https://localhost:3000/resource.html" />
    </Rule>
    <Rule xsi:type="RuleCollection" Mode="Or">
      <Rule xsi:type="ItemIs" ItemType="Appointment" FormType="Edit" />
      <Rule xsi:type="ItemIs" ItemType="Message" FormType="Edit" /> 
    </Rule> 
  </Rule>
</OfficeApp>

这篇关于如何在Outlook Web App(OWA)，Outlook 2016 Mac&中的Outlook加载项中显示垂直窗格视窗的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！