search

OfficeDev / office-js

A repo and NPM package for Office.js, corresponding to a copy of what gets published to the official "evergreen" Office.js CDN, at https://appsforoffice.microsoft.com/lib/1/hosted/office.js.
https://learn.microsoft.com/javascript/api/overview
Other
688 stars 95 forks source link

Button and text UI in Smart alert is not consistent #5076

Open riddhi-p-28 opened 1 week ago

riddhi-p-28 commented 1 week ago

We are developing an outlook web addin using office js Smart alert template. We are using Office JS Office.SmartAlertsEventCompletedOptions to display popup to the user. What we have observed is that the button placement on UI and font size for Smart alert is not consistent. When drafting mail thru group menu in outlook, the button placement changes. As per the docs here, we can handle the button click event and label text shown on this popup. However, i see there is no option to alter the styling/positioning of the text or button. Hence, we do not have control over the UI of the Smart alert. NOTE: this issue occurs intermittently

UI misplace

bugUIMisplace

button placement

image

Your Environment

Expected behavior

The UI should be consistent across all email smart alerts.

Current behavior

Verify button present in Smart Alert from Addin popup is mislocated.

Steps to reproduce

  1. Click on group menu in outlook chrome.
  2. Hover on any group present in group home page.
  3. Click on send email present in that popup and popout the window.
  4. Add subject, body and attachments.
  5. Click on send.
  6. Observe the UI
anjalitp commented 2 days ago

@riddhi-p-28 we are not able to repro this where button appears on the left. For us, the button appears to the right. image

Did u make any changes in layout settings? The difference in the button color is due to the theme applied in Outlook and this is expected behaviour. It would be helpful if you can share a repro video.