This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(272, 94%, 36%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EVR%3C/text%3E%3C/svg%3E)
Hi Team,
Using WOPI protocol(https://learn.microsoft.com/en-us/microsoft-365/cloud-storage-partner-program/online/), I have integrated office for the web where secure connection has been established between host and WOPI client using handshake protocol. User can edit the word document and contents will be saved to the server.
As per CSPP UI guidelines(https://learn.microsoft.com/en-us/microsoft-365/cloud-storage-partner-program/online/build-test-ship/ui-guidelines)
The Office for the web editors must always be displayed 'edge-to-edge', with no surrounding UI.
I have a requirement in my application(Please refer the below diagram):
WOPI implementation is in iframe which is edge to edge now. Inside this iframe, I need to have a side panel at the right side which will contain meta-data of the document like name, created date and modified date etc.- User can update name and other information(API's will be at the host end to update the info that needs to be called).
Will I be needing to create a taskpane add-in in this scenario or if my side panel is not changing the content of document directly can I directly embed an iFrame(contains sidepanel UI) inside WOPI iframe.
Thanks & Regards
