Wiki Page, Canvas HTML Goodies to Sweeten Learner Engagement: 🍭 Columns

Wiki Page
2023-01-04T12:28:46-07:00

This item does not use sound.

Add an item to the dock: Click and drag it to the desired location, then release.

Rearrange items in the dock: Click and drag left or right, then release.

Remove an item from the dock: Drag it out of the dock until Remove is showing, then release. Note: The shortcut is removed, but the app remains on the Mac.

Learn more about the ingredients of the code.

Now, it's your turn! Copy the code below and paste it into a page in your sandbox course (a course you can "play" in). Add ingredients to make it your own.





Insert Content Here





Insert Content Here





🏆 PRO TIPS:

⭐ Change the number of columns by adding additional divs. Be sure to adjust the column widths to account for the extra columns.

3 Equal Columns:

4 Equal Columns:

⭐ Add a border or background color to differentiate between columns.

⭐ Paste the code into the HTML editor. Then, add and format your content in the Rich Content Editor.

Now that you've had a chance to play with the code, how might you use Columns in your Canvas courses? Add your ideas to the Padlet below and then we'll discuss them!