{"componentChunkName":"component---smooth-doc-smooth-doc-src-templates-doc-js","path":"/docs/viewer/split-view/","result":{"data":{"mdx":{"fields":{"pageType":"doc","title":"Split View","editLink":""},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"Split View\",\n  \"description\": \"split view\",\n  \"order\": 26,\n  \"section\": \"Viewer\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"split-view\"\n  }, mdx(\"a\", {\n    parentName: \"h1\",\n    \"href\": \"#split-view\",\n    \"aria-label\": \"split view permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Split View\"), mdx(\"h5\", {\n    \"id\": \"biopharma-research\"\n  }, mdx(\"a\", {\n    parentName: \"h5\",\n    \"href\": \"#biopharma-research\",\n    \"aria-label\": \"biopharma research permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"[\", \"BioPharma] \", \"[Research+]\"), mdx(\"p\", null, \"Split View allows multiple images to be opened simultaneously in the Viewer. Each image is confined to a dedicated panel within the viewing area and retains all the usual capabilities that are available when viewing a single image (e.g., annotating, panning, and zooming). Various layout options, such as side-by-side, vertical stacks, and 2-D grids, are available to aid the comparisons, as well as a range of functionality for image synchronization and panel management.\"), mdx(\"h2\", {\n    \"id\": \"viewing-multiple-images\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#viewing-multiple-images\",\n    \"aria-label\": \"viewing multiple images permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Viewing Multiple Images\"), mdx(\"p\", null, \"Split View can be activated from various areas in the application; in general, wherever it is possible to select multiple images. Any tables that support right-click context menus will provide options for launching the Viewer with multiple images simultaneously. For instance, the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/flow/manual/latest/docs/repository/folder-listing/\"\n  }, \"Folder Listing\"), \" table in the Repository, the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/flow/manual/latest/docs/search/search-overview/\"\n  }, \"Search Results\"), \" table, and the Viewer's \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/flow/manual/latest/docs/viewer/browse-folder-panel/\"\n  }, \"Browse Folder Panel\"), \" can be used to select and view multiple images.\"), mdx(\"div\", {\n    className: \"info\"\n  }, mdx(\"div\", null, \"Activating Split View from outside the Viewer will result in a 2-D grid layout with the most compact square dimensions for the number of images selected (e.g., 1x1, 2x2, 3x3, etc.). To have more control over image layout, activate Split View from the Viewer's \", mdx(\"a\", {\n    href: \"../browse-folder-panel/\"\n  }, \"Browse Folder Panel\"), \".\")), mdx(\"br\", null), mdx(\"div\", {\n    className: \"info\"\n  }, mdx(\"div\", null, \"To display the context menu on a mobile device, tap and hold on an item.\")), mdx(\"details\", null, mdx(\"summary\", null, \" To launch Split View from the Repository \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to any folder in the Repository (click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/fed1477a03484982152f045fee98b862/nav-folder.svg\",\n    \"alt\": \"Folder\"\n  }), \" \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Repository\"), \" button from the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/flow/manual/latest/docs/repository/repository-overview/#navigation-menu\"\n  }, \"Navigation Menu\"), \" then navigate to a folder)\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select one or more images by holding the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Ctrl\"), \" key (on Windows) or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u2318\", \" / Command\"), \" key (on macOS) key and clicking on them\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Bring up the context menu for the item (or items)\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"View Images\"))))), mdx(\"details\", null, mdx(\"summary\", null, \" To launch Split View from Search \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Perform a search (click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/4f90976e683d23583284e66ac6b3b636/nav-search.svg\",\n    \"alt\": \"Search\"\n  }), \" \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Search\"), \" button from the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/flow/manual/latest/docs/repository/repository-overview/#navigation-menu\"\n  }, \"Navigation Menu\"), \" then execute a \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/flow/manual/latest/docs/search/search-overview/#basic-queries\"\n  }, \"basic query\"), \" or \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/flow/manual/latest/docs/search/search-overview/#advanced-queries\"\n  }, \"advanced query\"), \")\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select one or more images by holding the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Ctrl\"), \" key (on Windows) or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u2318\", \" / Command\"), \" key (on macOS) key and clicking on them\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Bring up the context menu for the item (or items)\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"View Images\"))))), mdx(\"details\", null, mdx(\"summary\", null, \" To activate Split View from within the Viewer (by adding new images) \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/d55a5cbb2bac358bddbbd86e1e0a70c1/viewer-nav-folder.svg\",\n    \"alt\": \"Folder\"\n  }), \" button in the left sidebar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select one or more images by holding the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Ctrl\"), \" key (on Windows) or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u2318\", \" / Command\"), \" key (on macOS) key and clicking on them\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Bring up the context menu for the item (or items)\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover over \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add to View\"), \" in the dropdown menu to expand that menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the expanded menu, select the method for insertion into the existing layout\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Append as Row\"), \" inserts selection as a new row at the bottom of the layout\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Append to Bottom\"), \" inserts selection as new row(s) at the bottom of the layout, wrapping as required to maintain the grid width\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Append as Column\"), \" inserts selection as a new column at the right side of the layout\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Append to Right\"), \" inserts selection as new column(s) at the right side of the layout, wrapping as required to maintain the grid height\")))), mdx(\"div\", {\n    className: \"info\"\n  }, mdx(\"div\", null, \"Consider the \", mdx(\"b\", null, \"Replace View\"), \" option in step 5 if the selected images should replace the existing image(s) in the Viewer.\"))), mdx(\"details\", null, mdx(\"summary\", null, \" To activate Split View from within the Viewer (by replacing existing images) \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/d55a5cbb2bac358bddbbd86e1e0a70c1/viewer-nav-folder.svg\",\n    \"alt\": \"Folder\"\n  }), \" button in the left sidebar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select one or more images by holding the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Ctrl\"), \" key (on Windows) or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u2318\", \" / Command\"), \" key (on macOS) key and clicking on them\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Right-click on any of the selected images\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover over \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Replace View\"), \" in the dropdown menu to expand that menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"(Optional) Enable the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Randomize\"), \" toggle to add the images in a random order. Otherwise they are added in the order in which they were selected\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the expanded menu, select the desired method of replacing the images\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Grid\"), \" will arrange the images in the smallest possible square grid (e.g., 1x1, 2x2, 3x3, etc.)\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Side-by-side\"), \" will create a single row of images\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Stacked\"), \" will create a single column of images\"))))), mdx(\"h2\", {\n    \"id\": \"panel-layout\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#panel-layout\",\n    \"aria-label\": \"panel layout permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Panel Layout\"), mdx(\"p\", null, \"When viewing multiple images, the Viewer is divided into a 2-D grid with rows and columns. By default, the grid is regular and each panel (or cell) has the same size. The grid layout can be customized to create an irregular grid, where a panel can span multiple rows and/or columns. There are convenient options for creating three types of regular grids: side-by-side, vertically stacked, and 2-D grid.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To change the number of rows or columns \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/fe2269dcfa24a31212ff675333072a09/viewer-topbar-grid.svg\",\n    \"alt\": \"Layout\"\n  }), \" button in the Viewer top bar to display the Layout dialog\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Rows\"), \" field, increase the number to append new rows to the bottom of the layout or decrease the number to remove empty rows from the layout\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Columns\"), \" field, increase the number to append new columns to the right of the layout or decrease the number to remove empty columns from the layout\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"(Optional) You can change the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Cell Aspect Ratio\"), \" between Fit, 16:9, 4:3, and 1:1\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"(Optional) You can adjust the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Grid Gap\"), \" slider to add more separation between the images\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To add an empty row \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on any image adjacent to where you want to add the row, to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/e195e6666b342c7ff7eddacd10051b31/viewer-toolbar-expand.svg\",\n    \"alt\": \"Expand Toolbar\"\n  }), \" button to expand the toolbar if necessary\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/273ed0cf87e82d9b08f08c92e06e146e/viewer-toolbar-more.svg\",\n    \"alt\": \"More\"\n  }), \" menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"From the dropdown menu, select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Insert Row Above\"), \" to add an empty row above the current image, or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Insert Row Below\"), \" to add an empty row below it\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To add an empty column \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on any image adjacent to where you want to add the column, to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/e195e6666b342c7ff7eddacd10051b31/viewer-toolbar-expand.svg\",\n    \"alt\": \"Expand Toolbar\"\n  }), \" button to expand the toolbar if necessary\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/273ed0cf87e82d9b08f08c92e06e146e/viewer-toolbar-more.svg\",\n    \"alt\": \"More\"\n  }), \" menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"From the dropdown menu, select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Insert Column Before\"), \" to add an empty column to the left of the current image, or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Insert Column After\"), \" to add an empty column to the right\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To remove any row or column from the layout \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on any image from the row/column to be deleted, to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/e195e6666b342c7ff7eddacd10051b31/viewer-toolbar-expand.svg\",\n    \"alt\": \"Expand Toolbar\"\n  }), \" button to expand the toolbar if necessary\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/273ed0cf87e82d9b08f08c92e06e146e/viewer-toolbar-more.svg\",\n    \"alt\": \"More\"\n  }), \" menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Remove Row\"), \" or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Remove Column\"), \" from the dropdown menu\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To move an image panel \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image you want to move\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/a4c18eee161c6343dfb3aa99e4510173/viewer-toolbar-move.svg\",\n    \"alt\": \"Move\"\n  }), \" handle at the top right corner of the image and drag it to the new location\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To create an irregular grid (by changing the span of panels) \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image you want to span across multiple panels\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/073394e07e72da3f1077d95418936322/viewer-toolbar-resize-handle.svg\",\n    \"alt\": \"Resize\"\n  }), \" handle at the bottom right corner of the image and drag it to expand into panel(s) to the right and/or below the current panel\")))), mdx(\"h3\", {\n    \"id\": \"panel-aspect-ratio\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#panel-aspect-ratio\",\n    \"aria-label\": \"panel aspect ratio permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Panel Aspect Ratio\"), mdx(\"p\", null, \"The aspect of the ratio of the panels can be customized to any of the following values: 16:9, 4:3 and 1:1.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To change the aspect ratio of panels \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/fe2269dcfa24a31212ff675333072a09/viewer-topbar-grid.svg\",\n    \"alt\": \"Layout\"\n  }), \" button in the Viewer top bar to display the Layout dialog\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the dropdown menu next to \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Cell Aspect Ratio\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the dropdown menu, select the desired aspect ratio\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Fit\"), \" will adapt the panels' size to attempt to fit all of them on the screen\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"16:9\"), \" will enforce a 16:9 aspect ratio for the panels, even if scrolling is required to see all rows and/or columns\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"4:3\"), \" will enforce a 4:3 aspect ratio for the panels, even if scrolling is required to see all rows and/or columns\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"1:1\"), \" will force panels to remain square\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"(Optional) Enable the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Maximize Panels\"), \" toggle to expand all panels horizontally to fill the screen, rather than fitting the largest number of panels on screen at a time. This option is only available when aspect ratio is set to a value other than \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Fit\")))), mdx(\"div\", {\n    className: \"info\"\n  }, mdx(\"div\", null, \"Panel maximization can be used to control the width of panels. When \", mdx(\"b\", null, \"Maximize Panels\"), \" is enabled, panel widths are maximized such that the available width on the screen is fully utilized. As a result of the panel aspect ratio setting, panel maximization may reduce the number of panels that are visible on the screen at one time. When \", mdx(\"b\", null, \"Maximize Panels\"), \" is disabled, the width of panels are reduced (to a minimum size) to ensure the most number of panels are displayed on the screen at one time (without the need to scroll).\"))), mdx(\"h3\", {\n    \"id\": \"panel-spacing\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#panel-spacing\",\n    \"aria-label\": \"panel spacing permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Panel Spacing\"), mdx(\"p\", null, \"The spacing between each panel (i.e., the separation between panels) can be customized.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To change the spacing between panels \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/fe2269dcfa24a31212ff675333072a09/viewer-topbar-grid.svg\",\n    \"alt\": \"Layout\"\n  }), \" button in the Viewer top bar to display the Layout dialog\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Adjust the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Grid Gap\"), \" slider to add space separating the panels\")))), mdx(\"h2\", {\n    \"id\": \"panel-controls\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#panel-controls\",\n    \"aria-label\": \"panel controls permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Panel Controls\"), mdx(\"p\", null, \"Split View divides the available on-screen space for the image Viewer into one or more panels, depending on the number of images that have been chosen. While each panel can be independently controlled, only one panel can be controlled at any given point in time.\"), mdx(\"div\", {\n    className: \"info\"\n  }, mdx(\"div\", null, \"The selected (controllable) image is denoted with a blue border around its panel and a blue dot adjacent to the file in the \", mdx(\"a\", {\n    href: \"../browse-folder-panel/\"\n  }, \"Browse Folder Panel\"), \" of the Viewer. Images that appear in other panels are denoted with a gray dot in the Browse Folder panel.\")), mdx(\"details\", null, mdx(\"summary\", null, \" To select an image for navigation \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click into any panel to activate it. Note the blue border that appears around the active panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Use the standard \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/flow/manual/latest/docs/viewer/basic-controls/\"\n  }, \"Basic Controls\"), \" to navigate the image\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To view the slide label for a panel \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/e195e6666b342c7ff7eddacd10051b31/viewer-toolbar-expand.svg\",\n    \"alt\": \"Expand Toolbar\"\n  }), \" button to expand the toolbar if necessary\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover over the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/c6e687d0f6ee2b08ab2f0109154a561b/viewer-toolbar-info.svg\",\n    \"alt\": \"Info\"\n  }), \" icon in the toolbar to see the slide label for that image\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To enable the rotation tool for the selected panel \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/e195e6666b342c7ff7eddacd10051b31/viewer-toolbar-expand.svg\",\n    \"alt\": \"Expand Toolbar\"\n  }), \" button to expand the toolbar if necessary\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/9a7b7dbe5a04ce78ba83e13f8b11e05e/viewer-toolbar-rotate.svg\",\n    \"alt\": \"Rotate\"\n  }), \" button in the toolbar to show or hide the rotation tool\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To add an image to an empty panel \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add an image\"), \" button in the center of an empty panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Select Cell Image\"), \" dialog that pops up, use either the Repository browser or Search to find the desired image\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the image to add it to the panel\")))), mdx(\"h3\", {\n    \"id\": \"color-management\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#color-management\",\n    \"aria-label\": \"color management permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Color Management\"), mdx(\"p\", null, \"For RGB images, the color correction profile of an image in a panel can be adjusted. The capabilities that are available in the Viewer are also available in Split View panels. See \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/flow/manual/latest/docs/viewer/basic-controls/#color-management\"\n  }, \"Color Management\"), \" for more details.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To change the color management profile for the selected panel \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/e195e6666b342c7ff7eddacd10051b31/viewer-toolbar-expand.svg\",\n    \"alt\": \"Expand Toolbar\"\n  }), \" button to expand the toolbar if necessary\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/566b88e4d6e090723e594b330621595b/viewer-toolbar-palette.svg\",\n    \"alt\": \"Palette\"\n  }), \" button in the toolbar to reveal the color management dialog\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select one of the available \", mdx(\"abbr\", {\n    parentName: \"p\",\n    \"title\": \"International Color Consortium\"\n  }, \"ICC\"), \" color profiles\")))), mdx(\"h2\", {\n    \"id\": \"panel-contents\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#panel-contents\",\n    \"aria-label\": \"panel contents permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Panel Contents\"), mdx(\"details\", null, mdx(\"summary\", null, \" To remove an image from a panel \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/e195e6666b342c7ff7eddacd10051b31/viewer-toolbar-expand.svg\",\n    \"alt\": \"Expand Toolbar\"\n  }), \" button to expand the toolbar if necessary\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/273ed0cf87e82d9b08f08c92e06e146e/viewer-toolbar-more.svg\",\n    \"alt\": \"More\"\n  }), \" menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Remove Image\"), \" from the dropdown menu. This will leave an empty panel in its place\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To replace the image within a panel \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/e195e6666b342c7ff7eddacd10051b31/viewer-toolbar-expand.svg\",\n    \"alt\": \"Expand Toolbar\"\n  }), \" button to expand the toolbar if necessary\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/273ed0cf87e82d9b08f08c92e06e146e/viewer-toolbar-more.svg\",\n    \"alt\": \"More\"\n  }), \" menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Change Image\"), \" from the dropdown menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Select Cell Image\"), \" dialog that pops up, use either the Repository browser or Search to find the desired image\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the image to add it to the panel\")))), mdx(\"h2\", {\n    \"id\": \"single-panel-mode\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#single-panel-mode\",\n    \"aria-label\": \"single panel mode permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Single Panel Mode\"), mdx(\"p\", null, \"Activating Split View reduces the screen area available for each image in the panel. If more screen area is required, it's possible to temporarily expand one panel to return to a single image configuration or to open any of any of panels in a new tab (in single panel mode).\"), mdx(\"details\", null, mdx(\"summary\", null, \" To reset the Viewer to single image mode \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/d55a5cbb2bac358bddbbd86e1e0a70c1/viewer-nav-folder.svg\",\n    \"alt\": \"Folder\"\n  }), \" button in the left sidebar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Right-click on any image in the Browse Folder panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Replace View\"), \" in the dropdown menu\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To open one image in a new tab (in single image mode) \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/e195e6666b342c7ff7eddacd10051b31/viewer-toolbar-expand.svg\",\n    \"alt\": \"Expand Toolbar\"\n  }), \" button to expand the toolbar if necessary\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/273ed0cf87e82d9b08f08c92e06e146e/viewer-toolbar-more.svg\",\n    \"alt\": \"More\"\n  }), \" menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Open in Viewer\"), \" from the dropdown menu\"))), mdx(\"div\", {\n    className: \"warning\"\n  }, mdx(\"div\", null, \"Any work performed in the new tab (e.g., new annotations created) will not be reflected in the original tab until a refresh (keyboard shortcut \", mdx(\"b\", null, \"F5\"), \") is performed.\"))), mdx(\"details\", null, mdx(\"summary\", null, \" To expand a single image panel \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/e195e6666b342c7ff7eddacd10051b31/viewer-toolbar-expand.svg\",\n    \"alt\": \"Expand Toolbar\"\n  }), \" button to expand the toolbar if necessary\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/c22185d3c663dcda0ca9ce49adaa097e/viewer-toolbar-fill-view.svg\",\n    \"alt\": \"Fill View\"\n  }), \" button\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To minimize an expanded panel (to return to Split View mode) \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/e195e6666b342c7ff7eddacd10051b31/viewer-toolbar-expand.svg\",\n    \"alt\": \"Expand Toolbar\"\n  }), \" button to expand the toolbar if necessary\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/ed5c1d8fb2eada8d1c4e82ca78b6b25a/viewer-toolbar-shrink-view.svg\",\n    \"alt\": \"Shrink View\"\n  }), \" button\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To replace an image in the view with an image from the Browse Folder panel \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/d55a5cbb2bac358bddbbd86e1e0a70c1/viewer-nav-folder.svg\",\n    \"alt\": \"Folder\"\n  }), \" button in the left sidebar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click and drag the desired image onto the panel containing the image to be replaced\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Replace Image\"), \" dialog that pops up, click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Yes\"), \" button\")))), mdx(\"h2\", {\n    \"id\": \"synchronization\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#synchronization\",\n    \"aria-label\": \"synchronization permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Synchronization\"), mdx(\"p\", null, \"Images can be synchronized so that panning and magnification actions are performed simultaneously on all images in the Viewer which have been marked as \\\"synchronized\\\".\"), mdx(\"details\", null, mdx(\"summary\", null, \" To synchronize specific images \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/65bd0a5d1a152498cd6645e1535f5a72/viewer-toolbar-lock-open.svg\",\n    \"alt\": \"Lock\"\n  }), \" button\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Repeat steps 1 and 2 for each image to synchronize\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To synchronize a row or column of images \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on any image from the row/column to be synchronized, to reveal the toolbar at the top left of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/dff0783159e1c16b53cbadc22dcbf612/viewer-toolbar-arrow-down.svg\",\n    \"alt\": \"Down Arrow\"\n  }), \" button next to the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/65bd0a5d1a152498cd6645e1535f5a72/viewer-toolbar-lock-open.svg\",\n    \"alt\": \"Lock\"\n  }), \" button\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Synchronize Row\"), \" or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Synchronize Column\"), \" from the dropdown menu\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To synchronize all images in the Viewer \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/a2bfb669ada9c0dc8beb578619a9ecba/viewer-panel-lock-open.svg\",\n    \"alt\": \"Lock\"\n  }), \" button in the Viewer top bar to display the synchronize menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Synchronize All\"), \" from the dropdown menu\")))), mdx(\"h2\", {\n    \"id\": \"magnification\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#magnification\",\n    \"aria-label\": \"magnification permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Magnification\"), mdx(\"p\", null, \"The magnification of the currently selected image can be applied to all synchronized images or to all images in the Viewer.\"), mdx(\"p\", null, \"If you zoom an image that is part of a synchronized set, the change in magnification is also applied to other images in the set. When an image is pushed past its native resolution, the Viewer applies a \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/flow/manual/latest/docs/viewer/basic-controls/#digital-zoom\"\n  }, \"digital zoom\"), \".\"), mdx(\"div\", {\n    className: \"info\"\n  }, \"When the digital zoom is applied as a result of zooming another image in the synchronized set, there is no restriction enforced. In this manner it is possible to attain a digital zoom greater than the 400% limit for a single image.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To apply the current magnification to all images in the Viewer \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the current image magnification in the Viewer top bar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Apply to All Slides\"), \" from the dropdown menu\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To apply the current magnification to synchronized images \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the current image magnification in the Viewer top bar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Apply to Synchronized Slides\"), \" from the dropdown menu\")))), mdx(\"h2\", {\n    \"id\": \"drag-and-drop\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#drag-and-drop\",\n    \"aria-label\": \"drag and drop permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Drag and Drop\"), mdx(\"p\", null, \"For convenience, images in the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/flow/manual/latest/docs/viewer/browse-folder-panel/\"\n  }, \"Browse Folder Panel\"), \" can be dragged on to the Viewer, to either replace the images on display or to add new images to the Viewer.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To replace a single image in Viewer using drag and drop \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/d55a5cbb2bac358bddbbd86e1e0a70c1/viewer-nav-folder.svg\",\n    \"alt\": \"Folder\"\n  }), \" button in the left sidebar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click and drag a single image onto the panel containing the image to be replaced\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Replace Image\"), \" dialog that pops up, click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Yes\"), \" button\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To add multiple images to the Viewer using drag and drop \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/d55a5cbb2bac358bddbbd86e1e0a70c1/viewer-nav-folder.svg\",\n    \"alt\": \"Folder\"\n  }), \" button in the left sidebar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select one or more images by holding the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Ctrl\"), \" key (on Windows) or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u2318\", \" / Command\"), \" key (on macOS) key and clicking on them\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click and drag the images onto the panel containing the image to be replaced\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Placement\"), \" dialog that pops up, select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add to View\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select the method for insertion from the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Append\"), \" dropdown menu\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"as Row\"), \" inserts selection as a new row at the bottom of the layout\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"as Column\"), \" inserts selection as a new column at the right side of the layout\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"to Bottom\"), \" inserts selection as new row(s) at the bottom of the layout, wrapping as required to maintain the grid width\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"to Right\"), \" inserts selection as new column(s) at the right side of the layout, wrapping as required to maintain the grid height\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"(Optional) Enable the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Randomize\"), \" toggle to add the images in a random order. Otherwise they are added in the order in which they were selected\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add Images\"), \" button\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To replace the Viewer content with multiple images using drag and drop \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/d55a5cbb2bac358bddbbd86e1e0a70c1/viewer-nav-folder.svg\",\n    \"alt\": \"Folder\"\n  }), \" button in the left sidebar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select one or more images by holding the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Ctrl\"), \" key (on Windows) or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u2318\", \" / Command\"), \" key (on macOS) key and clicking on them\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click and drag the images onto the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Placement\"), \" dialog that pops up, select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Replace View\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select the desired layout from the dropdown menu\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Grid\"), \" will arrange the images in the smallest possible square grid (e.g., 1x1, 2x2, 3x3, etc.)\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Side-by-side\"), \" will create a single row of images\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Stacked\"), \" will create a single column of images\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"(Optional) Enable the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Randomize\"), \" toggle to add the images in a random order. Otherwise they are added in the order in which they were selected\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add Images\"), \" button\")))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#split-view","title":"Split View","items":[{"items":[{"items":[{"items":[{"url":"#biopharma-research","title":"[BioPharma] Research+"}]}]}]},{"url":"#viewing-multiple-images","title":"Viewing Multiple Images"},{"url":"#panel-layout","title":"Panel Layout","items":[{"url":"#panel-aspect-ratio","title":"Panel Aspect Ratio"},{"url":"#panel-spacing","title":"Panel Spacing"}]},{"url":"#panel-controls","title":"Panel Controls","items":[{"url":"#color-management","title":"Color Management"}]},{"url":"#panel-contents","title":"Panel Contents"},{"url":"#single-panel-mode","title":"Single Panel Mode"},{"url":"#synchronization","title":"Synchronization"},{"url":"#magnification","title":"Magnification"},{"url":"#drag-and-drop","title":"Drag and Drop"}]}]}}},"pageContext":{"id":"8418c4f1-f0a0-56af-80bd-ddcb476cbbc5"}},"staticQueryHashes":["1086510573","1106176283","1122327541","2140385554","2719290676","3597609067","4027383558"]}