View in #ohif on Slack
@Yue_Chao_Qin: Hi, I wanted to know if it’s possible and to have examples of extracting specific components/views/panels from OHIF to be used in my own custom web application so I can create a customized workflow? I saw examples of the following but they don’t have exactly what I want.
• https://docs.ohif.org/deployment/iframe
◦ This only attaches the full OHIF app as an iframe.
• https://v2.docs.ohif.org/deployment/recipes/embedded-viewer
◦ This is the old version, it kinda does what I want. However, it’s not supported anymore.
◦ https://github.com/epetxepe/example-ohif-installviewer An example but not enough details.
iframe | OHIF
Embedded Viewer | OHIF
epetxepe/example-ohif-installviewer
@Alireza_Sedghi: Which parts you want to be extracted exactly?
@Yue_Chao_Qin: Apologies for not knowing the exact names of the panels/components for your tool, but given my screenshot below, I’ve divided it into the following
• Toolbar
• Image Viewer
• Left Panel
• Right Panel
What I would like to do is:
- More preferred, extract the four components mentioned above and attach them on my custom web application.
- OK preferred, extract (Image, Left, Right panels) as 1 component and the toolbar as another component and attach it to my custom web application.
- Less preferred, having all the components as a single panel, but be able to remove all the custom OHIF features:
a. Top left - Icon and back buttons
b. Top right - Profile and settings buttons
Also, to be clear, I’m hoping the “Image Viewer” extraction means all the available image viewers that are available to OHIF, spefically the Image Viewer that I"m interested in is this one with 3D reconstruction.
@Alireza_Sedghi: It is not possible to just get one panel and put it elsewhere
the only thing i can see you can do is get the viewportGrid and embed it in yours
so removing everything from here
extensions/default/src/ViewerLayout/index.tsx
but instead you can basically create a new layout and use that in your mode
docs.ohif.org
@Yue_Chao_Qin: Thanks!