question

IsoraDolage-3885 avatar image
1 Vote"
IsoraDolage-3885 asked IsoraDolage-3885 commented

Navigating inside a React Outlook Addin

Hi,
I'm trying to create a Fluent-React outlook add-in that loads in outlook.com and outlook desktop app and I used the template from the Yeoman Generator. To navigate inside the add-in I tried using the react-router-dom but it keeps giving me errors when I try to load the add-in outlook desktop app.

Image

Can you please let me know the standard way/ library that I should use to navigate inside an Outlook add-in that loads in outlook desktop app?

It'll be really helpful if you can provide me some links to videos/documents/sample templates explaining how I should code it.

Thanks in advance!


office-outlook-itprooffice-addins-dev
browserrouter.png (90.7 KiB)
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

1 Answer

markdon avatar image
0 Votes"
markdon answered IsoraDolage-3885 published

Check out this issue on the OfficeJS GitHub repo. It gives some explanation and ways to get around it. https://github.com/OfficeDev/office-js/issues/429

· 2
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi @markdon

Thank you for your reply but unfortunately it's not what I'm looking for :(
I'm new to this 'add-in development' concept and I'm looking for more clearer documentation to implement the navigation parts. Here are few examples of what I need to implement:

  1. Create a navbar

  2. use the onClick() method of a button to direct the user to another page, etc..

When developing react web applications I used to use the react-router-dom. It seems not to work for desktop office add-ins.

It would be really helpful if you can provide me clearer documents.



1 Vote 1 ·