{"componentChunkName":"component---smooth-doc-smooth-doc-src-templates-doc-js","path":"/docs/editing-pages/button-types/","result":{"data":{"mdx":{"fields":{"pageType":"doc","title":"Button 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\": \"Button Types\",\n  \"section\": \"Editing Pages\",\n  \"description\": \"button types\",\n  \"order\": 14\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\": \"button-types\"\n  }, mdx(\"a\", {\n    parentName: \"h1\",\n    \"href\": \"#button-types\",\n    \"aria-label\": \"button 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  }))), \"Button Types\"), mdx(\"br\", null), mdx(\"h2\", {\n    \"id\": \"popup-button\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#popup-button\",\n    \"aria-label\": \"popup button 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  }))), \"Popup Button\"), mdx(\"p\", null, \"A popup button provides a mechanism for adding rich text content that is hidden until requested by trainees. Trainees reveal the hidden content simply by clicking on the popup button, which expands to reveal its content. Popup buttons may be associated with points that are awarded or deducted when the popup button is first clicked by trainees.\"), mdx(\"p\", null, \"A popup button that provides zero points can help declutter pages, by hiding (minimizing) detailed information until it\\u2019s needed. However, a popup button with non-zero points can be used to mimic certain real-life situations where the impact of requesting the information is non-trivial. For example, trainees that frivolously request unnecessary information can be penalized when requesting content through popup buttons. Conversely, trainees can be rewarded with points for requesting popup content that is relevant for the task at hand.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To create a popup button \"), 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 button 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  }, \"Pop-Up\"), \" from the dropdown menu\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To edit a popup button \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a popup button 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/9f007d50fcbdbf12c9fe2e011a98fead/rte-pen-blue.svg\",\n    \"alt\": \"Edit button\"\n  }), \" button next to the button\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Enter the text that appears on the button in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Button text\"), \" field\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"(Optional) Enter the points awarded for the popup in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Points for opening\"), \" field\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"(Optional) Change the button to a thumbnail popup by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"+ Add Button Thumbnail\"), \" button and selecting 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  }, \"Enter the content to display when the button is clicked in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Popup contents\"), \" field\")), 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 a thumbnail from a popup button \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a popup button 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/9f007d50fcbdbf12c9fe2e011a98fead/rte-pen-blue.svg\",\n    \"alt\": \"Edit button\"\n  }), \" button next to the button\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Remove Thumbnail\"), \" button\")), 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 a popup button from a page \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a popup button on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Position the cursor below the popup button in the rich text editor\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Press the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Backspace\"), \" key (on Windows) or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Delete\"), \" key (on macOS) on your keyboard twice\")))), mdx(\"h2\", {\n    \"id\": \"hidden-data-button\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#hidden-data-button\",\n    \"aria-label\": \"hidden data button 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  }))), \"Hidden Data Button\"), mdx(\"p\", null, \"A hidden data button provides a mechanism for incorporating a menu of hidden information until requested by trainees. Trainees can \\u201Crequest\\u201D items from the menu with an explicit action (i.e., by selecting the menu items and clicking the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Submit\"), \" button). The menu can be used to deliver, upon request, textual information or a supported media type. Each menu item may be associated with points that are awarded or deducted as these are requested.\"), mdx(\"p\", null, \"Hidden data buttons, like popup buttons, can be used to mimic real-life situations where the impact of requesting information is non-trivial. For example, in a laboratory setting, hidden data buttons can be used to provide a menu of ancillary tests; trainees can be penalized for frivolous requests and rewarded for valid requests.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To create a hidden data button \"), 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 button 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  }, \"Hidden Data\"), \" from the dropdown menu\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To edit a hidden data button \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a hidden data button 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/9f007d50fcbdbf12c9fe2e011a98fead/rte-pen-blue.svg\",\n    \"alt\": \"Edit button\"\n  }), \" button next to the button\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Enter the text that appears on the button in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Button text\"), \" field\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Add an action item to the popup; repeat as necessary\"), mdx(\"ol\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"+ Add Item\"), \" button\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Enter the item name in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Name\"), \" column\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select the type of content for this item from the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Type\"), \" dropdown (\", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Text\"), \", \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Image\"), \", or \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Image Viewer\"), \")\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Response\"), \" column, provide the content to be shown to the Student when this item is selected:\"), mdx(\"ol\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"For \", mdx(\"em\", {\n    parentName: \"li\"\n  }, \"Text\"), \" types: enter the message in the provided field\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"For \", mdx(\"em\", {\n    parentName: \"li\"\n  }, \"Image\"), \" types: click the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"+\"), \" button to choose an image from the Repository\", \"*\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"For \", mdx(\"em\", {\n    parentName: \"li\"\n  }, \"Image Viewer\"), \" types: click the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"+\"), \" button to choose an image from the Repository\", \"*\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Enter the points awarded for the range in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Points\"), \" field\")))), 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(\"p\", null, \" \", \"*\", \"Select an image using one of the available methods:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Repository\"), \" tab, navigate to a folder and select an image, or\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"From the \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Search\"), \" tab, search for an image by name and select it\"))), mdx(\"details\", null, mdx(\"summary\", null, \" To remove an action item from a hidden data button menu \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a hidden data button 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/9f007d50fcbdbf12c9fe2e011a98fead/rte-pen-blue.svg\",\n    \"alt\": \"Edit button\"\n  }), \" button next to the button\")), 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/0ce7372eaec65b05944531029d12ad70/rte-clear.svg\",\n    \"alt\": \"Remove action\"\n  }), \" button to the right side of the action item to remove it\")), 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 a hidden data button from a page \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Navigate to a hidden data button on the page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Position the cursor below the hidden data button in the rich text editor\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Press the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Backspace\"), \" key (on Windows) or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Delete\"), \" key (on macOS) on your keyboard twice\")))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#button-types","title":"Button Types","items":[{"url":"#popup-button","title":"Popup Button"},{"url":"#hidden-data-button","title":"Hidden Data Button"}]}]}}},"pageContext":{"id":"f1c5f31f-920a-59fb-9093-265ca79b2e5c"}},"staticQueryHashes":["1086510573","1106176283","1122327541","2140385554","2719290676","3597609067","4027383558"]}