{"componentChunkName":"component---smooth-doc-smooth-doc-src-templates-doc-js","path":"/docs/editing-pages/media-types/","result":{"data":{"mdx":{"fields":{"pageType":"doc","title":"Media Types","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\": \"Media Types\",\n  \"section\": \"Editing Pages\",\n  \"description\": \"media types\",\n  \"order\": 12\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\": \"media-types\"\n  }, mdx(\"a\", {\n    parentName: \"h1\",\n    \"href\": \"#media-types\",\n    \"aria-label\": \"media types 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  }))), \"Media Types\"), mdx(\"br\", null), mdx(\"h2\", {\n    \"id\": \"images\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#images\",\n    \"aria-label\": \"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  }))), \"Images\"), mdx(\"p\", null, \"Images can be intermixed into the content of pages. Images are best suited for photographs, clip art, figures, and similar content which are low resolution and do not need to be annotated.\"), mdx(\"p\", null, \"Images are presented to Students like regular images on most websites; that is they are visible on the page, as laid out by the Educator, and can be viewed in gallery-mode when they are clicked.\"), mdx(\"h3\", {\n    \"id\": \"inserting-static-images-from-the-repository\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#inserting-static-images-from-the-repository\",\n    \"aria-label\": \"inserting static images from the repository 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  }))), \"Inserting Static Images From the Repository\"), mdx(\"p\", null, \"Static images can be inserted from the content of the Repository. Where the image inserted is not a standard image (e.g., JPEG, PNG, GIF), the system will insert the thumbnail equivalent (e.g., when inserting whole slide images). To insert whole slide images, see \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"#image-viewer\"\n  }, \"Image Viewer\"), \".\"), mdx(\"details\", null, mdx(\"summary\", null, \" To find and insert an image from the Repository \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Position the cursor in the rich text editor where you want the image inserted\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/c4b1c06fc5c0532d45eae1a2e869f779/rte-add.svg\",\n    \"alt\": \"Add Block\"\n  }), \" button at the right hand corner of the rich text editor toolbar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Image\"), \" from the dropdown menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select an image using one of the available methods:\"), mdx(\"ol\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Repository\"), \" tab, navigate to a folder and select an image, or\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Search\"), \" tab, search for an image by name and select it\"))))), mdx(\"h3\", {\n    \"id\": \"inserting-static-images-from-the-clipboard\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#inserting-static-images-from-the-clipboard\",\n    \"aria-label\": \"inserting static images from the clipboard 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  }))), \"Inserting Static Images From the Clipboard\"), mdx(\"p\", null, \"Static images can be inserted directly into pages from the computer\\u2019s clipboard. Note that these images are automatically stored in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Scholar Uploads/MODULE-NAME\"), \" folder of the Repository for future reference, where \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"MODULE-NAME\"), \" is the name of the current module.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To insert an image from the clipboard \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Press the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Ctrl + V\"), \" keyboard keys to paste from your clipboard\")))), mdx(\"h3\", {\n    \"id\": \"static-images-properties\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#static-images-properties\",\n    \"aria-label\": \"static images properties 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  }))), \"Static Images Properties\"), mdx(\"p\", null, \"Educators can control the layout and size of static images. Regardless of the size, trainees can expand these images and view them in gallery mode, which shows static images at their maximum resolution (but never larger than the screen size).\"), mdx(\"details\", null, mdx(\"summary\", null, \" To modify the size of a static image \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the image to reveal the alignment options\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover over the left or right edge of the image until your cursor changes to a double-headed arrow\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click and drag the side of the image to adjust the image size\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To modify alignment of a static image \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the image to reveal the alignment options above the image border\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Choose one of the available alignment options\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"img\", {\n    parentName: \"li\",\n    \"src\": \"/scholar/manual/latest/bfe958fdc148dbc0d340ae98314344f5/rte-align-left-break.svg\",\n    \"alt\": \"Inline Left Align\"\n  }), \" \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Inline left align\"), \": The image is aligned to the left and breaks up surrounding text\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"img\", {\n    parentName: \"li\",\n    \"src\": \"/scholar/manual/latest/50c3b45d40f42e7351f2588f1f0a896c/rte-align-left-wrap.svg\",\n    \"alt\": \"Floating Left Align\"\n  }), \" \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Floating left align\"), \": The image is aligned to the left and surrounding text wraps around it\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"img\", {\n    parentName: \"li\",\n    \"src\": \"/scholar/manual/latest/890e9bf7b1a0f224c9242695c932c492/rte-align-centre-break.svg\",\n    \"alt\": \"Inline Center Align\"\n  }), \" \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Inline center align\"), \": the image is aligned in the center of the page and breaks up surrounding text\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"img\", {\n    parentName: \"li\",\n    \"src\": \"/scholar/manual/latest/9997df1765d1ec26784419eb2bee90a5/rte-align-right-wrap.svg\",\n    \"alt\": \"Floating Right Align\"\n  }), \" \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Floating right align\"), \": The image is aligned to the right and surrounding text wraps around it\"))))), mdx(\"details\", null, mdx(\"summary\", null, \" To remove a static image from a page \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select an image on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Press the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Delete\"), \" key on your keyboard\")))), mdx(\"h2\", {\n    \"id\": \"image-viewer\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#image-viewer\",\n    \"aria-label\": \"image viewer 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  }))), \"Image Viewer\"), mdx(\"p\", null, \"Image Viewer is best suited for images that would normally require panning and zooming, such as whole slide images, medical images, and images that an Educator would like to annotate using the available markup tools. Image Viewer presents images in a full-featured viewing environment. Educators can also control the annotations that are visible and other properties designed for pathology and medical images.\"), mdx(\"h3\", {\n    \"id\": \"inserting-interactive-images\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#inserting-interactive-images\",\n    \"aria-label\": \"inserting interactive 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  }))), \"Inserting Interactive Images\"), mdx(\"p\", null, \"Interactive images can only be inserted from the Repository; ensure images have been uploaded to the Repository before insertion. These images can be presented in two modes:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Inline\"), \": embeds an interactive virtual slide Viewer directly on the page (in Student View) that is 877 pixels x 480 pixels (w, h)\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Thumbnail\"), \": embeds thumbnails of the images (in Student View) that once clicked launch an interactive virtual slide Viewer\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Both modes provide the option to view all of the images \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/scholar/manual/latest/docs/classes/student-view/#side-by-side-view\"\n  }, \"Side-by-Side\"))), mdx(\"details\", null, mdx(\"summary\", null, \" To insert an Image Viewer \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Position the cursor in the rich text editor where you want the Image Viewer inserted\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/c4b1c06fc5c0532d45eae1a2e869f779/rte-add.svg\",\n    \"alt\": \"Add Block\"\n  }), \" button at the right hand corner of the rich text editor toolbar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Image Viewer\"), \" from the dropdown menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Add one or more images; repeat as necessary\"), mdx(\"ol\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"+ Image\"), \" button\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Select an image using one of the available methods:\", mdx(\"ol\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Repository\"), \" tab, navigate to a folder and select an image, or\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Search\"), \" tab, search for an image by name and select it\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"(Optional) Set the image properties. See \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"#interactive-image-properties\"\n  }, \"Interactive Image Properties\"), \" for details\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"X\"), \" button at the top right of the popup dialog or anywhere outside of the dialog box to close it\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the desired \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Display mode\"), \" button: \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Inline\"), \" or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Thumbnail\"))))), mdx(\"details\", null, mdx(\"summary\", null, \" To add an image to an Image Viewer \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to an Image Viewer on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"+ Image\"), \" button\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select an image using one of the available methods:\"), mdx(\"ol\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Repository\"), \" tab, navigate to a folder and select an image, or\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Search\"), \" tab, search for an image by name and select it\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"(Optional) Set the image properties. See \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"#interactive-image-properties\"\n  }, \"Interactive Image Properties\"), \". for details\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"X\"), \" button at the top right of the popup dialog or anywhere outside of the dialog box to close it\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To change an image in an Image Viewer \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to an Image Viewer on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the image thumbnail to change\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Change Image\"), \" button\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select an image using one of the available methods:\"), mdx(\"ol\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Repository\"), \" tab, navigate to a folder and select an image, or\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Search\"), \" tab, search for an image by name and select it\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"(Optional) Set the image properties. See \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"#interactive-image-properties\"\n  }, \"Interactive Image Properties\"), \" for details\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"X\"), \" button at the top right of the popup dialog or anywhere outside of the dialog box to close it\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To remove an image from an Image Viewer \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to an Image Viewer on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover over the image thumbnail to remove\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"X\"), \" at the top right corner of the thumbnail\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Yes\"), \" button to confirm\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To remove an Image Viewer from a page \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to an Image Viewer on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/0273f32dd5317da2045857f61f935677/rte-trash.svg\",\n    \"alt\": \"Remove block\"\n  }), \" button at the top right corner of the block\")))), mdx(\"h3\", {\n    \"id\": \"interactive-image-properties\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#interactive-image-properties\",\n    \"aria-label\": \"interactive image properties 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  }))), \"Interactive Image Properties\"), mdx(\"p\", null, \"Educators may choose the set of annotations that should be visible to Students on each interactive image and can set the default (initial) region of interest to be shown to Students. By default, interactive images are configured to make all annotations visible to Students and the interactive Viewer will display a zoomed out version of the image, ensuring the entire image is visible at first sight.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To make all annotations on an image visible to Students \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to an Image Viewer on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the image thumbnail to change\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Enable the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Show all annotations by default\"), \" toggle\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To make some annotations on an image visible to Students \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to an Image Viewer on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the image thumbnail to change\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Disable the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Show all annotations by default\"), \" toggle\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Set Visible Annotations\"), \" button\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the provided dialog, select the annotations that should be visible from the list on the left and click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Done\"), \" button at the top right corner\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To set the default region of interest for an image \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to an Image Viewer on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the image thumbnail to change\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Pan and zoom the image to the desired default area\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Set Initial Position\"), \" button\")))), mdx(\"h2\", {\n    \"id\": \"videos\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#videos\",\n    \"aria-label\": \"videos 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  }))), \"Videos\"), mdx(\"p\", null, \"External video clips from a number of video stream sites can be embedded in pages. The following streaming services are supported:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"YouTube\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Vimeo\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"DailyMotion\")), mdx(\"details\", null, mdx(\"summary\", null, \" To insert a video clip \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Position the cursor in the rich text editor where you want the video inserted\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/c4b1c06fc5c0532d45eae1a2e869f779/rte-add.svg\",\n    \"alt\": \"Add Block\"\n  }), \" button at the right hand corner of the rich text editor toolbar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Video\"), \" from the dropdown menu\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Video URL\"), \" field, paste the URL of the video. Typically the URL can be obtained using the share button of video players or from your browser\\u2019s address bar\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Select\"), \" button\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To change a video clip \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a video block on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/e715800763ff809dd6fd82042319d999/rte-pen.svg\",\n    \"alt\": \"Edit block\"\n  }), \" button at the top right corner of the block\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Paste the new video URL in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Video URL\"), \" field\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Change\"), \" button\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To remove a video clip from a page \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a video block on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/0273f32dd5317da2045857f61f935677/rte-trash.svg\",\n    \"alt\": \"Remove block\"\n  }), \" button at the top right corner of the block\")))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#media-types","title":"Media Types","items":[{"url":"#images","title":"Images","items":[{"url":"#inserting-static-images-from-the-repository","title":"Inserting Static Images From the Repository"},{"url":"#inserting-static-images-from-the-clipboard","title":"Inserting Static Images From the Clipboard"},{"url":"#static-images-properties","title":"Static Images Properties"}]},{"url":"#image-viewer","title":"Image Viewer","items":[{"url":"#inserting-interactive-images","title":"Inserting Interactive Images"},{"url":"#interactive-image-properties","title":"Interactive Image Properties"}]},{"url":"#videos","title":"Videos"}]}]}}},"pageContext":{"id":"f8e6c637-d6e2-585f-b627-eaf8b6a5152f"}},"staticQueryHashes":["1086510573","1106176283","1122327541","2140385554","2719290676","3597609067","4027383558"]}