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, andvideos. 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: Glossary Interactions
The glossary interaction in Engage 360 lets learners explore definitions of words, terms, and phrases. Use the glossary interaction to: Define commonly used terms. Explain technical acronyms. Provide understanding of cultural phrases. Exploring the Editor Adding Entries to a Glossary Renaming Entries Rearranging Entries Deleting Entries Adding Content to Entries Changing the Width of the Term List Enabling an Alphabetic Filter Exploring the Editor The glossary editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage entries for the glossary. Text Located in the middle of the screen, this panel is used to add text to each entry. 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, andvideos. 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 Entries to a Glossary Each step in a glossary interaction is called an entry. To add an entry, do any of the following: Press Ctrl+M. Go to the Glossary tab on the ribbon and click Add Entry. 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 entry(s). Entries are automatically alphabetized, so new entries will appear in the list where appropriate. For example, in the English interface, new entries appear under the letter N. Tip: A glossary interaction can have an unlimited number of entries. Renaming Entries To rename an entry, do either of the following: Double-click the entry in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the entry 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 Entries Engage automatically arranges glossary entries alphabetically. To change the order, you’ll need to rename one or more entries using the options above. Deleting Entries To delete an entry, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Glossary tab on the ribbon and click Delete Entry. 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 Entries To add text, audio, and media to each entry in your interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media Changing the Width of the Term List By default, the list of terms in a glossary occupies 40% of the overall width of the interaction, but you can change it. Here's how: Go to the Glossary tab on the ribbon and click Interaction Properties. Select the Glossary tab on the left side of the window. Enter a percentage between 20 and 60 in the Term List Width field. Click OK. Enabling an Alphabetic Filter You can add a filter to your glossary to make navigation easier. When enabled, it appears across the top of your published interaction. Simply click an active letter to jump to that portion of the glossary. To enable the filter, do the following: Go to the Glossary tab on the ribbon and click Interaction Properties. Select the Glossary tab on the left side of the window. Mark the box to Enable filter. Click OK. You Might Also Want to Explore: Working with the Interaction Title Working with Interaction PropertiesEngage 360: Process Interactions
The process interaction in Engage 360 lets learners discover the steps of a linear process. Use the process interaction to: Illustrate the steps of a process. Walk through a series of related items. Explain a workflow or procedure. Exploring the Editor Adding Steps to a Process Renaming Steps Rearranging Steps Deleting Steps Adding Content to Steps Changing the Numbering Style Exploring the Editor The process editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage steps for your interaction. Text Located in the middle of the screen, this panel is used to add text to each step. 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, andvideos. 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 Steps to a Process To add a step to your interaction, do any of the following: Press Ctrl+M. Go to the Process tab on the ribbon and click Add Step. 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 step(s). New steps get added just below the step that's currently selected in the Steps panel—unless the summary is selected, in which case new steps get added above it. Tip: A process interaction can have up to 20 steps (not counting the introduction and summary). Renaming Steps To rename a step, do either of the following: Double-click the step in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the step 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 Steps To change the order of steps, select one or more steps 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 steps will be dropped when your mouse button is released. Go to the Process tab on the ribbon, click Move Step, 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 Steps To delete a step, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Process tab on the ribbon and click Delete Step. 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 Steps To add text, audio, and media to each step in your interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media Changing the Numbering Style To change the numbering style for the navigation buttons in your process interaction, do this: Go to the Process tab on the ribbon and click Interaction Properties. Select the Process tab on the left side of the window that appears. Choose a numbering style from the Number process steps using 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, andvideos. 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: Timeline Interactions
The timeline interaction in Engage 360 lets learners discover the events on a timeline. Use the timeline interaction to: Walk through a series of periods and events. Highlight key milestones in a schedule. Explain the steps in a sequence. Exploring the Editor Adding Periods and Events to a Timeline Changing the Color of Periods Renaming Periods and Events Rearranging Periods and Events Resizing Periods Deleting Periods and Events Adding Content to Events Exploring the Editor The timeline editor has the following panels: Steps Located on the left side of the screen, this panel is used to manage periods and events for the timeline. Timeline Located at the top of the workspace, this panel is used to select periods and events for editing. It also provides a dynamic preview of the timeline's layout. Text Located in the middle of the screen, this panel is used to add text to each event. Audio Located on the right side of the screen, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, andvideos. Here are some tips for working with the editor: Change the width of any panel by dragging its boundary with your mouse. Click the triangle beside any period in the Steps panel to collapse or expand it. 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 Periods and Events to a Timeline Each step in a timeline interaction is called an event, and events are grouped into periods. Periods: To add a period to your timeline, do either of the following: Press Ctrl+G. Go to the Timeline tab on the ribbon and click Add Period. New periods get added to the right end of the timeline (and the bottom of the Steps panel). Events: To add an event, do any of the following: Press Ctrl+M. Go to the Timeline tab on the ribbon and click Add Event. 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 event(s). New events get added just below the event that's currently selected in the Steps panel. If an entire period is selected, new events get added to the end of the period. Tip: A timeline interaction can have up to 12 periods and up to 100 events per period. Changing the Color of Periods To change the color of a period, do the following: Select the period in the Steps panel or in the timeline panel. Go to the Timeline tab on the ribbon and click Period Color. Choose one of the predefined colors, or click More Colors at the bottom of the drop-down and specify a custom color. Tip: Events—the dots on the timeline—will be a lighter shade of the color of the period in which they're located. Renaming Periods and Events To rename a period, do either of the following: Double-click the period in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the period in the timeline panel to open its title for editing, then type the new name. To rename an event, do either of the following: Double-click the event in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the event in the Steps panel, then type the new name in the title field at the top of the text panel. Rearranging Periods and Events Here's how to change the order of periods and events. Periods: Select one or more periods 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 periods will be dropped when your mouse button is released. Go to the Timeline tab on the ribbon, click Move Period, then select Left or Right to change the position on the timeline. Use the Up and Down arrows at the bottom of the Steps panel. Events: To change the order of events, select one or more events 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 events will be dropped when your mouse button is released. Go to the Timeline tab on the ribbon, click Move Event, then select Left or Right to change the position on the timeline. Use the Up and Down arrows at the bottom of the Steps panel. Tip: You can change the order of events as well as the spacing between events by simply dragging them back and forth in the timeline panel. Resizing Periods To change the length of a period, do the following: Hover over the beginning or end of a period in the timeline panel. Click and drag the boundary to shorten or lengthen the period. Release your mouse button to accept the change. Deleting Periods and Events To delete a period or event, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Timeline tab on the ribbon, and click Delete Period or Delete Event. 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 Events To add text, audio, and media to each event, 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 Properties
