From d588ddd83006416901ae07810211cea60261ab23 Mon Sep 17 00:00:00 2001 From: dannyrb Date: Thu, 5 Sep 2019 21:22:54 -0400 Subject: [PATCH] docs(embedded-viewer): new tag, less dependencies, --- .../deployment/recipes/embedded-viewer.md | 33 +++++++++---------- 1 file changed, 15 insertions(+), 18 deletions(-) diff --git a/docs/latest/deployment/recipes/embedded-viewer.md b/docs/latest/deployment/recipes/embedded-viewer.md index 04ae1fe04..384c22b78 100644 --- a/docs/latest/deployment/recipes/embedded-viewer.md +++ b/docs/latest/deployment/recipes/embedded-viewer.md @@ -12,13 +12,8 @@ include tags. Here's how it works:
    -
  1. The WADO Image Loader Codecs and Web Worker source code - should be accessible from your server's root
  2. Create a JS Object to hold the OHIF Viewer's configuration. Here are some example values that would allow the viewer to hit our public PACS:
@@ -74,7 +67,7 @@ window.config = { ```js -// Made available by the `ohif-viewer` script included in step 1 +// Made available by the `@ohif/viewer` script included in step 1 var Viewer = window.OHIFStandaloneViewer.App; var app = React.createElement(Viewer, window.config, null); @@ -89,16 +82,20 @@ First, check out this fully functional [CodeSandbox][code-sandbox] example. If you're still having trouble, feel free to search or GitHub issues. Can't find anything related your problem? Create a new one. -> When I include bootstrap, other styles on my page no longer work correctly. -> What can I do? +> My application's styles are impacting the OHIF Viewer's look and feel. What +> can I do? -When we include `bootsrap` (and the other dependencies), they are added -globally. This has the potential of causing conflicts with other scripts and -styles on the page. To prevent this, `embed` the viewer in a new/empty web page. -Have that working? Good. Now `embed` that new page using an +When you include stylesheets and scripts, they are added globally. This has the +potential of causing conflicts with other scripts and styles on the page. To +prevent this, `embed` the viewer in a new/empty web page. Have that working? +Good. Now `embed` that new page using an [`