Как показать вертикальную панель в надстройках Outlook в Outlook Web App (OWA), Outlook 2016 Mac и Windows

Question

Я разрабатываю надстройки надстройки OWA, Outlook 2016 для Mac & Windows. Мое требование - показать надстройку по вертикали на правой стороне при чтении и составлении почты. Для составления по умолчанию он отображается по желанию, но для чтения он отображается горизонтально, который я хочу показывать по вертикали. Короче, мне нравится показывать мою надстройку точно так же, как показывает надстройка Evernote.

Ваша помощь будет очень признательна. Следующий экранный снимок Evernote в OWA - это то, что я хочу показать, включая расположение значков (в красном).

Заранее спасибо.

Answer 1

Надстройка команды будут выкатывать скоро всем пользователям и все надстройки для Outlook Web, и мы ожидаем, что он будет на 100% в месяц декабря После того, как его выкатили вас «У вас могут быть кнопки в OWA, которые запускают панель задач, как вы видите на скриншоте. Для рабочего стола Outlook для Windows эта функция уже доступна, однако для Outlook для MAC тоже мы ожидаем, что это произойдет в декабре!

Answer 2

Я делаю такую ​​вертикальную надстройку с помощью YEOMAN Office Generator. для справки используйте эту ссылку. GitHub link for yeoman-office-generator. и внести изменения в файл manifest.xml как сильфонных:

<?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>