none
Issue with HTML border-bottom annotations in MacOS Outlook Desktop Add-in RRS feed

  • Question

  • I'm writing an Outlook Add-in.

    I want to annotate a specific part of a users compose body with an underline.
    The 2 APIs I've been using is: 

    Office.context.mailbox.item.body.getAsync
    Office.context.mailbox.item.body.setAsync

    I first tested this on outlook.live.com and it worked perfectly:

    <span style="border-bottom: 2px solid red;">Hello World!</span>

    The exact same text does not seem to work on MacOS Outlook Desktop.
    In fact, I haven't managed to get any form of border-bottom working in the compose body for MacOS Outlook Desktop.

    Here are a list of things I've tried:
    1. Viewing an HTML email with a border-bottom attribute. That seems to work fine

    2. Writing css rules with a combination of border, border-bottom, mso-border-bottom-alt, border-bottom-style, border-bottom-width, border-bottom-color. Doesn't seem to work.

    3. Tables seem to display the border-bottom attribute correctly, but give a resize UI in Outlook which feels a little weird. (Why should a text annotation be resizable in the GUI?). 

    4. Seems like the closest thing I can get working right now is the border attribute, which works fine as an annotation, but I feel like an underline is cleaner. 

    <span class="underline" style="border:solid red 1pt;">Hello World</span>

    Any help or suggestions are appreciated!

    Sunday, November 3, 2019 7:56 AM