Engage 360: Accordion Interactions
The accordion interaction in Engage 360 lets learners explore related items in a horizontal layout. Use the accordion interaction to: Walk through a list of related concepts. Identify members of a group. Compare several objects. Exploring the Editor Adding Panels (Steps) to an Accordion Renaming Panels (Steps) Rearranging Panels (Steps) Deleting Panels (Steps) Adding Content to Panels (Steps) Exploring the Editor The accordion editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage panels for the accordion. Text Located in the middle of the screen, this panel is used to add text to each panel. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, and videos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel. Adding Panels (Steps) to an Accordion Each step in an accordion interaction is called a panel. To add a panel, do any of the following: Press Ctrl+M. Go to the Accordion tab on the ribbon and click Add Panel. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the currently selected panel(s). New panels get added just below the panel that's currently selected in the Steps panel—unless the summary is selected, in which case new panels get added above it. Tip: An accordion interaction can have up to eight panels (not counting the introduction and summary). Renaming Panels (Steps) To rename a panel, do either of the following: Double-click the panel in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the panel in the Steps panel, then type the new name in the title field at the top of the text panel. Tip: You can rename the introduction or summary in the same way. Rearranging Panels (Steps) To change the order of panels in an accordion interaction, select one or more panels in the Steps panel, then do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the panels will be dropped when your mouse button is released. Go to the Accordion tab on the ribbon, click Move Panel, then select Up or Down. Use the Up and Down arrows at the bottom of the Steps panel. Tip: The introduction and summary can't be moved. Deleting Panels (Steps) To delete a panel from an accordion interaction, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Accordion tab on the ribbon and click Delete Panel. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. Adding Content to Panels (Steps) To add text, audio, and media to each panel in an accordion interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media You Might Also Want to Explore: Working with the Interaction Title Working with Interaction PropertiesEngage 360: Circle Diagram Interactions
The circle diagram interaction in Engage 360 lets learners examine the relationship of items in a circular hierarchy. Use the circle diagram interaction to: Show related items within a hierarchy. Organize concepts into segments and layers. Graphically depict a philosophy or approach. Exploring the Editor Adding Layers and Segments to a Circle Diagram Changing the Color of Layers Rotating Layers Renaming Segments Rearranging Layers and Segments Deleting Layers and Segments Adding Content to Segments Changing the Placement of the Circle Exploring the Editor The circle diagram editor has three columns with the following panels: Steps Located in the upper left corner of the editor, this panel is used to manage layers and segments for the circle diagram. Segments Located in the lower left corner, this panel is used to select segments of the circle for editing. It also provides a dynamic preview of the circle's layout. Text Located in the middle of the screen, this panel is used to add text to each segment. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, and videos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Expand the Steps panel or Segments panel by dragging the boundary between them up or down. Click the triangle beside any layer in the Steps panel to collapse or expand it. Click the triangle in the upper right corner of the Segments panel to collapse it if you need more room to work with the Steps panel. Click it again to reopen the panel. Click the triangle in the upper right corner of the Audio panel to collapse it if you need more room to work with the Media panel. Click it again to reopen the panel. Adding Layers and Segments to a Circle Diagram Each step in a circle diagram interaction is called a segment, and segments are grouped into layers. Layers: To add a layer to your diagram, do either of the following: Press Ctrl+G. Go to the Circle Diagram tab on the ribbon and click Add Layer. New layers get added to the outside of the circle. Segments: To add a segment, do any of the following: Press Ctrl+M. Go to the Circle Diagram tab on the ribbon and click Add Segment. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the currently selected segment(s). New segments get added just below the segment that's currently selected in the Steps panel. If an entire layer is selected, new segments get added to the end of the layer. Segments can't be added to the core layer, introduction, or summary. Tip: A circle diagram interaction can have up to 11 layers and up to 20 segments per layer. Changing the Color of Layers To change the color of a layer, do the following: Select the layer in the Steps panel or in the Segments panel. Go to the Circle Diagram tab on the ribbon and click Layer Color. Choose one of the predefined colors, or click More Colors at the bottom of the drop-down and specify a custom color. Tip: Segments on the same layer can't be different colors. Rotating Layers You can rotate a layer to change the position of its segments in relation to other layers. Here's how: Select the layer in the Steps panel or in the Segments panel. Go to the Circle Diagram tab on the ribbon and click Rotation. Choose one of the rotation values. Renaming Segments To rename a segment, do either of the following: Double-click the segment in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the segment in the Steps panel, then type the new name in the title field at the top of the text panel. Tip: You can rename the introduction or summary in the same way. (Layers can't be renamed.) Rearranging Layers and Segments Here's how to change the order of layers and segments. Layers: Select one or more layers in the Steps panel and do either of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the layers will be dropped when your mouse button is released. Go to the Circle Diagram tab on the ribbon, click Move Layer, then select In or Out. Use the Up and Down arrows at the bottom of the Steps panel. Segments: Select one or more segments in the Steps panel and do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the segments will be dropped when your mouse button is released. Go to the Circle Diagram tab on the ribbon and click Move Segment. To move segments to a different layer, select either In or Out. To change their position on the same layer, select either Counterclockwise or Clockwise. Use the Up and Down arrows at the bottom of the Steps panel. Tip: The introduction and summary can't be moved, nor can a segment be moved when it's the only one on a particular layer. Deleting Layers and Segments To delete a layer or segment, select it in the Steps panel and do any of the following: Press the Delete key on your keyboard. Go to the Circle Diagram tab on the ribbon, then click Delete Layer or Delete Segment. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. A segment can't be deleted when it's the only one on a particular layer. Adding Content to Segments To add text, audio, and media to each segment in your interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media Changing the Placement of the Circle Choose whether you want the circle to appear on the left or the right side of your interaction. Here’s how: Go to the Circle Diagram tab on the ribbon and click Interaction Properties. Select the Circle Diagram tab on the left side of the window. Choose Left or Right from the drop-down. Click OK. You Might Also Want to Explore: Working with the Interaction Title Working with Interaction PropertiesEngage 360: Tab Interactions
The tabs interaction in Engage 360 lets learners explore a group of related items. Use the tabs interaction to: Walk through a list of related concepts. Identify members of a group. Compare several objects. Exploring the Editor Adding Tabs to Your Interaction Renaming Tabs Rearranging Tabs Deleting Tabs Adding Content to Tabs Changing the Location and Size of the Tabs Exploring the Editor The tabs editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage tabs for your interaction. Text Located in the middle of the screen, this panel is used to add text to each tab. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, and videos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel. Adding Tabs to Your Interaction Each step in a tabs interaction is called a tab. To add a tab, do any of the following: Press Ctrl+M. Go to the Tabs tab on the ribbon and click Add Tab. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the selected tab(s). New tabs get added just below the tab that's currently selected in the Steps panel—unless the summary is selected, in which case new tabs get added above it. Tip: A tabs interaction can have up to 12 tabs (not counting the introduction and summary). Renaming Tabs To rename a tab, do either of the following: Double-click the tab in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the tab in the Steps panel, then type the new name in the title field at the top of the text panel. Tip: You can rename the introduction or summary in the same way. Rearranging Tabs To change the order of tabs, select one or more tabs in the Steps panel, then do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the tabs will be dropped when your mouse button is released. Go to the Tabs tab on the ribbon, click Move Tab, then select Up or Down. Use the Up and Down arrows at the bottom of the Steps panel. Tip: The introduction and summary can't be moved. Deleting Tabs To delete a tab, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Tabs tab on the ribbon and click Delete Tab. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. Adding Content to Tabs To add text, audio, and media to each tab in your interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media Changing the Location and Size of the Tabs The tabs can appear on the left or right side of your interaction. You can also change how they're sized. Here's how: Go to the Tabs tab on the ribbon and click Interaction Properties. Select Tabs on the left side of the window that appears. Set the following properties: Allow tabs to use __% of the interaction width: This determines the width of your tabs. Tabs default to 30% of the width of the overall interaction, but you can enter any percentage between 10 and 70. Place tabs on: This determines whether your tabs display on the left or right side of your interaction. Choose an option from the drop-down. Size tabs: This determines the height of your tabs. Choose Dynamically or Statically from the drop-down. The default setting, Dynamically, makes each tab as tall as possible, so the list of tabs fills the entire height of your interaction. Statically fixes the height of each tab at 40 pixels. Click OK. You Might Also Want to Explore: Working with the Interaction Title Working with Interaction PropertiesEngage 360: Checklist Interactions
The checklist interaction in Engage 360 lets learners explore a list of related items. Use the checklist interaction to: Walk through a list of related concepts. Provide instructions or reminders. Identify a to-do list. Exploring the Editor Adding Items to a Checklist Renaming Items Rearranging Items Deleting Items Adding Content to Items Changing the Placement and Appearance of the Clipboard Exploring the Editor The checklist editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage items for the checklist. Text Located in the middle of the screen, this panel is used to add text to each item. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, and videos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel. Adding Items to a Checklist Each step in a Checklist interaction is called an item. To add an item, do any of the following: Press Ctrl+M. Go to the Checklist tab on the ribbon and click Add Item. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the currently selected item(s). New items get added just below the item that's currently selected in the Steps panel—unless the summary is selected, in which case new items get added above it. Tip: A checklist interaction can have up to 32 items (not counting the introduction and summary). Renaming Items To rename an item, do either of the following: Double-click the item in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the item in the Steps panel, then type the new name in the title field at the top of the text panel. Tip: You can rename the introduction or summary in the same way. Rearranging Items To change the order of items, select one or more items in the Steps panel, then do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the items will be dropped when your mouse button is released. Go to the Checklist tab on the ribbon, click Move Item, then select Up or Down. Use the Up and Down arrows at the bottom of the Steps panel. Tip: The introduction and summary can't be moved. Deleting Items To delete an item, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Checklist tab on the ribbon and click Delete Item. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. Adding Content to Items To add text, audio, and media to each item in your interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media Changing the Placement and Appearance of the Clipboard Choose whether you want the clipboard in your interaction to appear on the left or the right side. And give it an optional page curl effect. Here’s how: Go to the Checklist tab on the ribbon and click Interaction Properties. Select the Checklist tab on the left side of the window. Choose Left or Right from the drop-down on the right side of the window. Mark the Show page curl box to give the lower right corner of the clipboard a page curl effect. Uncheck it if the curl interferes with your list of items. Click OK. You Might Also Want to Explore: Working with the Interaction Title Working with Interaction Properties
