Dynamic and Interactive Content
Getting Started
Page Design & Structure
Formatting Text & Media
DesignPlus Workflow
Next Steps
Next StepsDynamic and Interactive Content
The DesignPlus Sidebar includes a variety of tools for creating interactive content as well as content that is updated dynamically based on information stored elsewhere in Canvas. Browse the examples on this page to see what's possible. Links to instructions in the Cidi Labs [New] DesignPlus Sidebar User Guide and provided for each tool or tool group listed below.
Accordions, Expanders, and Tabs
Accordions, Expanders, and Tabs are three separate tools that function similarly in the Sidebar, but look different on the page.
An accordion is a series of vertical panels that can be expanded by clicking the title. With accordions, only one panel is open at a time. An expander is similar to an accordion, but multiple panels can be open at once. Tabs are similar to accordions with only one panel visible at a time, but titles appear in one row like folder tabs or in one column like a vertical navigation menu.
For instructions, see Accordions, Expanders, and Tabs.
Examples
Accordion
Expander
Tabs
Action Items
The Action Item tools create inline instructions and/or prompts for instructors or other designers that can only be seen when the page or item is in edit mode. You can use them to suggest additions, deletions, or changes to the content, create checklists, provide reminders, etc,
For instructions, see Action Items.
Examples
Since Action Items can only be seen in edit mode, screenshots of each type are provided below:
Action Item: Checklist
Action Item: Input
Action Item: Insertion
Action Item: Instructions
Action Item: Note
Action Item: Remove
Action Item: Suggestion
Content Shortcuts
Designed primarily for use in discussion topics, the Content Shortcuts allows you to;
- Add a Message Teacher button to any page or content item.
- Add a Show Discussion Rubric button to any discussion topic.
- Add a Message Group button to any group discussion topic
- Add a Group List placeholder to group discussions. When students load the topic, they will see the names and avatars of their group members.
For instructions, see Content Shortcuts.
Examples
This image shows all four shortcuts in the context of a graded group discussion page in student view: 1. Message Teacher; 2. Message Group; 3. Group Members List; 4. Show Discussion Rubric.
Dialog Boxes
Use the Dialog Box tool to display a dialog box or modal window. The content in the dialog box is hidden from the student until they click the trigger. Example: Learn More
Grading Scheme
The Grading Scheme tool inserts the course grading scheme at the current cursor location. This
Example
Grade Scheme
The following grading standards will be used in this class:
Grade | Range |
---|---|
A | 94% to 100% |
A- | 90% to < 94% |
B+ | 87% to < 90% |
B | 84% to < 87% |
B- | 80% to < 84% |
C+ | 77% to < 80% |
C | 74% to < 77% |
C- | 70% to < 74% |
D+ | 67% to < 70% |
D | 64% to < 67% |
D- | 61% to < 64% |
F | 0% to < 61% |
Module Lists
The Module List tool inserts the list of modules in the current course into the editor, There are multiple presentation options for the list, some of which include the individual module items.
Examples
Basic
Large Link Grid
Vertical Link Group
Getting Started
-
PageMeet the DesignPlus Suite Meet the DesignPlus Suite 2WikiPage 30113486Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageLaunch the DesignPlus Sidebar Launch the DesignPlus Sidebar 3WikiPage 30366761Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageUse the Sidebar Use the Sidebar 4WikiPage 30113488Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageCustomize Your Settings Customize Your Settings 5WikiPage 30113489Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageOnline Training and Help Online Training and Help 6WikiPage 30269426Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
Page Design & Structure
-
PagePage Design & Structure: Overview Page Design & Structure: Overview 1WikiPage 30113490Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageApply a Theme to a Page Apply a Theme to a Page 2WikiPage 30113492Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageAdd A Banner Title Add A Banner Title 3WikiPage 30113493Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageAdd a Banner Image Add a Banner Image 4WikiPage 30113494Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageAdd a Custom Banner Image Add a Custom Banner Image 5WikiPage 30249335Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageAdd a Link Grid (Navigation Menu) Add a Link Grid (Navigation Menu) 6WikiPage 30113495Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageAdd Page Headings Add Page Headings 7WikiPage 30532005Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageWork with Content Blocks Work with Content Blocks 8WikiPage 30113497Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageWork with Templates Work with Templates 9WikiPage 30249333Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
Formatting Text & Media
-
PageFormatting Text & Media: Overview Formatting Text & Media: Overview 1WikiPage 30280151Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageLinks and Buttons Links and Buttons 2WikiPage 30250065Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageOrdered and Unordered Lists Ordered and Unordered Lists 3WikiPage 30268832Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageDescription Lists Description Lists 4WikiPage 30730846Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageTables Tables 5WikiPage 30250008Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageColumns Columns 6WikiPage 32369498Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageImages Images 7WikiPage 30271722Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageEmbedded Content Embedded Content 8WikiPage 30250066Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageCallouts Callouts 9WikiPage 30250537Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageBlockquotes, Code, or Prefomatted Text Blockquotes, Code, or Prefomatted Text 10WikiPage 30250524Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageText Highlights Text Highlights 11WikiPage 30250538Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageIcons Icons 12WikiPage 30113525Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageLink Lists Link Lists 13WikiPage 30730850Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageLanguage Accents Language Accents 14WikiPage 30273192Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
DesignPlus Workflow
-
PageDesignPlus Workflow: Overview DesignPlus Workflow: Overview 1WikiPage 30284796Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageCreate a Course from Scratch Create a Course from Scratch 2WikiPage 30284798Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageTypes of Templates in Design Plus Types of Templates in Design Plus 3WikiPage 30848734Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PagePlan the Design and Structure Plan the Design and Structure 4WikiPage 30861002Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageCreate a Primary Sidebar Template Create a Primary Sidebar Template 5WikiPage 30859217Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageCreate Specialized Sidebar Templates Create Specialized Sidebar Templates 6WikiPage 30859221Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageCreate Module Builder Templates Create Module Builder Templates 7WikiPage 30859222Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageGenerate Modules in Module Builder Generate Modules in Module Builder 8WikiPage 30872586Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageRemaining Steps Remaining Steps 9WikiPage 30880756Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageConvert an Existing Course Convert an Existing Course 11WikiPage 30284800Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
Next Steps
-
PageWhat's Next? What's Next? 1WikiPage 30885297Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageDynamic and Interactive Content Dynamic and Interactive Content 2WikiPage 32712030Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
For instructions, see Module Lists.
Popovers and Tooltips
Popovers and tooltips are information box that appear when the user hovers over or places keyboard focus on a trigger. Popover boxes can contain formatted text and media whereas tooltips are restricted to plain text only.
Examples
This is is a sample tooltip tooltips consist of plain text
This is a sample popover
What is a popover?
Popovers can include formatted text and images. This popover includes an image of a popover.
Progress Indicators
The Progress Indicator tool inserts a graphical representation of the current user's position within a module. Several different versions are available.
Examples
Basic Progress Bar
The Basic Progress Bar shows how far through the module the current content sits.
Icon Progress Bar
In addition to showing how far through the module the current content sits, the Icon Progress Bar also builds out links to each of the module items.
Module Item Completion
The Module Item Completion indicator is based on the completion requirements set for a module in Canvas. Items with a requirement will have a circle next to them. Completed items will be marked off.
Module Item Details
The Module Item Details indicator replicates the information that is displayed to users for the current module on the Canvas Modules page.
Next Steps
Next Steps-
PageWhat's Next? What's Next? 1WikiPage 30885297Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
-
PageDynamic and Interactive ContentYou are here: Dynamic and Interactive Content 2WikiPage 32712030Score at least Must score at least to complete this module item Scored at least Module item has been completed by scoring at least View Must view in order to complete this module item Viewed Module item has been viewed and is complete Mark done Must mark this module item done in order to complete Marked done Module item marked as done and is complete Contribute Must contribute to this module item to complete it Contributed Contributed to this module item and is complete Submit Must submit this module item to complete it Submitted Module item submitted and is complete
For instructions, see Progress Indicators.
Quick Checks
Quick Checks are ungraded quiz questions with immediate feedback that can be inserted anywhere within a page, assignment, discussion topic, or quiz.
For instructions, see Quick Checks.
Read Time
Use the Read Time tool to include an estimate of how long it will take for students to read the current item.
Example
The estimated read time for the current page is
For instructions, see Read Time.
Page Navigation
The Page Navigation tool creates a dropdown menu at the top right of the page that allows user to easily navigate the headings on the page. An example is available on this page.
For instructions, see Page Navigation.
Learn More About Dialog Boxes
Dialog boxes can be useful for creating flashcards and other types of self-assessments as well as to provide more information on a topic.