![\"\"](\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2019\/07\/intro_pre-swap.jpg\")
\n
\n
![\"\"](\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2019\/07\/layout_select_swap_to_grid.jpg\")
\n
\nAfter swapping to the Media Grid layout, the editor panel will display the new layout type, and the author is presented with input fields for the step Title and main Text, a Media stack, and a Clipboard stack section.<\/p>\n
This information-section layout type presents the learner with a grid of media launcher blocks. These media launchers behave and are set up exactly like singular media launchers in other layout types. The grid spans the width of the viewport and is placed under the information-section main text and above the step assessment (if one exists.)<\/p>\n
To swap to the Media Grid layout type, navigate to the Info & Scenario tab and click the “Choose Info Section Layout” button to launch the Step Info Layout Selector overlay panel. In section 1, select “MultiMedia”. In section 2, select “Grid”. Section 3 allows selecting the “Basic” variant or the “Basic + Accent” variant. Click “Apply” to confirm your selections.<\/p>\n
\n
\n
\n
\nAfter swapping to the Media Grid layout, the editor panel will display the new layout type, and the author is presented with input fields for the step Title and main Text, a Media stack, and a Clipboard stack section.<\/p>\n
![\"\"](\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2019\/07\/media_grid_post-swap.jpg\")
\n
\nA single Media Launcher “block” will be present below the background media item.
\n
\nUse the “Add Media Launcher” button to add additional Media Launcher blocks to the bottom of the stack.<\/p>\n
![\"\"](\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2019\/07\/add_media_launcher.jpg\")
\n
\nEach Media Launcher block contains the following elements :<\/p>\n
![\"\"](\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2019\/07\/launcher_box_common.jpg\")
\n
\nElements unique to the different media types are as follows :<\/p>\n
Image grid launchers provide a “GridBox – Launched” element (for the full-sized image that displays in the launched image viewer popup) and a “GridBox – ZoomNav” element (for the “nav-map” image that appears in the upper right of the media viewer popup.)<\/p>\n
![\"\"](\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2019\/07\/launcher_box_image.jpg\")
\n
\nDocument grid launchers provide a “GridBox – Launched” element (for the pdf file that displays in the launched media viewer popup.)<\/p>\n
![\"\"](\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2019\/07\/launcher_box_document.jpg\")
\n
\nAV Media grid launchers provide a “GridBox – Launched” element (for the video stream that displays in the launched media viewer popup.)<\/p>\n
![\"\"](\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2019\/07\/launcher_box_video.jpg\")
\n
\nBelow the Media stack, a Clipboard section allows authors to apply one or more Clipboard groups to the step. Please review the Clipboard tutorial for more information regarding building Clipboard groups.<\/p>\n
![\"\"](\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2019\/07\/clipboard_selector.jpg\")
\n
\nThe result of the Media Grid layout type looks like the following in the Player :<\/p>\n
![\"\"](\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2019\/07\/preview_example_1.jpg\")
<\/p>\n","protected":false},"excerpt":{"rendered":"
This information-section layout type presents the learner with a grid of media launcher blocks. These media launchers behave and are set up exactly like singular media launchers in other layout types. The grid spans the width of the viewport and is placed under the information-section main text and above the step assessment (if one exists.) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45],"tags":[],"class_list":["post-2883","post","type-post","status-publish","format-standard","hentry","category-editing-steps"],"_links":{"self":[{"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/posts\/2883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/comments?post=2883"}],"version-history":[{"count":9,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/posts\/2883\/revisions"}],"predecessor-version":[{"id":3226,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/posts\/2883\/revisions\/3226"}],"wp:attachment":[{"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/media?parent=2883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/categories?post=2883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/tags?post=2883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}