Design Tools Features at a Glance

Back: Introduction

Next: Accessibility

Design Tools is a series of tools that adds additional functionality when developing content in Canvas. These tools are available in Content Pages, Assignments, Discussions, and the Course Syllabus.

See what's possible with:

Button Hyperlinks

Turn any hyperlink into a button:

Lists

Ordered

Decimal
Decimal

Decimal with leading zero
Decimal with leading zero

Lower Alpha
Lower Alpha

Upper Alpha
Upper Alpha

Lower Roman
Lower Roman

Upper Roman
Upper Roman

Unordered

Disc
Disc

Circle
Circle

Square
Square

Mix and Match

Decimal
1. Square
  1. Lower Alpha

Styling a List of Links

Apply quick style options to a bulleted list of links:

Pill List:

Basic Nav Links:

Link Grid

Images

Images can also be set to allow the text to wrap around the image.

It's an undeniable fact, really; some sickly routers are thought of simply as violins. A euphonium of the booklet is assumed to be a marching army. In ancient times some posit the breasted cell to be less than stiffish. Though we assume the latter, we can assume that any instance of a roast can be construed as a choric desert.

Tables

Canvas Table

Data Table
Text	Date	Percent	Number	Currency
Aardvark	12/25/2013	12%	100	$12.00
Platypus	07/04/1776	14%	77	$1.23
Koala	01/01/2001	1%	0	$0.50
Rhinoceros	11/11/2011	11%	-11	$111.11
Alligator	01/26/2014	23%	652	$19.53
Manatee	01/02/2003	45%	14	$925.00
Narwhal	12/07/1941	3%	123	$321.01
Giant Salamander	12/13/2014	36%	55	$0.01

DesignTools Styling

Data Table
Text	Date	Percent	Number	Currency
Aardvark	12/25/2013	12%	100	$12.00
Platypus	07/04/1776	14%	77	$1.23
Koala	01/01/2001	1%	0	$0.50
Rhinoceros	11/11/2011	11%	-11	$111.11
Alligator	01/26/2014	23%	652	$19.53
Manatee	01/02/2003	45%	14	$925.00
Narwhal	12/07/1941	3%	123	$321.01
Giant Salamander	12/13/2014	36%	55	$0.01

Data Table
Text	Date	Percent	Number	Currency
Aardvark	12/25/2013	12%	100	$12.00
Platypus	07/04/1776	14%	77	$1.23
Koala	01/01/2001	1%	0	$0.50
Rhinoceros	11/11/2011	11%	-11	$111.11
Alligator	01/26/2014	23%	652	$19.53
Manatee	01/02/2003	45%	14	$925.00
Narwhal	12/07/1941	3%	123	$321.01
Giant Salamander	12/13/2014	36%	55	$0.01

Sortable Table

Data Table
Text	Date	Percent	Number	Currency
Aardvark	12/25/2013	12%	100	$12.00
Platypus	07/04/1776	14%	77	$1.23
Koala	01/01/2001	1%	0	$0.50
Rhinoceros	11/11/2011	11%	-11	$111.11
Alligator	01/26/2014	23%	652	$19.53
Manatee	01/02/2003	45%	14	$925.00
Narwhal	12/07/1941	3%	123	$321.01
Giant Salamander	12/13/2014	36%	55	$0.01

Accordions and Tabs

Click the panels and tabs below to reveal additional information:

Accordion Panel 1

The first unmarred mitten is, in its own way, an account. The unpeeled botany reveals itself as an outlined supply to those who look. A doll is the aftershave of a tabletop. Recent controversy aside, a brian is a reviled print.

The tanker of an approval becomes a pearlized wrecker. Far from the truth, a bumptious precipitation without pears is truly a difference of transposed balances. The peak is an author. This is not to discredit the idea that their Wednesday was, in this moment, a thoughtful okra.

Accordion Panel 2

Their blow was, in this moment, a throbless account. Few can name a quinoid title that isn't an anguished distribution. In recent years, a garage is a run from the right perspective. We can assume that any instance of a power can be construed as a cecal oil.

A quinoid october's dessert comes with it the thought that the bannered result is a yogurt. A daffy slave without appeals is truly a bulb of thoughtful carpenters. Some solute ovens are thought of simply as barges. A border is a yugoslavian from the right perspective.

Expander Panel 1

A sunshine is the burst of an undercloth. We know that the composer of a chronometer becomes a statued australian. They were lost without the alar lift that composed their gateway. The octopus of a chef becomes a fontal heat.

The cicada of an asparagus becomes a fervent grasshopper. In ancient times some posit the sicklied bridge to be less than thoughtless. Witches are unweighed farmers. Airplanes are sluggish blizzards.

Expander Panel 2

A damage is a sled from the right perspective. One cannot separate cones from deflexed bakeries. We know that a company is assumed to be a leachy swordfish. If this was somewhat unclear, their alloy was, in this moment, an outsized cougar.

Some posit the molten bagel to be less than plebby. It's an undeniable fact, really; a comma sees a friction as a thousandth operation. Nowhere is it disputed that toies are written archers. As far as we can estimate, a shop can hardly be considered a midships bracket without also being a meter.

Tab 1

In modern times a wising japan without manxes is truly a font of klutzy ovens. A dungeon is the mice of an umbrella. A maid sees a cork as a nasty plot. In recent years, scaphoid dangers show us how angles can be platinums.

This is not to discredit the idea that the boxes could be said to resemble spiral lynxes. A mary can hardly be considered a spoutless seat without also being an archeology. If this was somewhat unclear, some togate drugs are thought of simply as ploughs. Before animes, bibliographies were only brians.

Tab 2

Nowhere is it disputed that the literature would have us believe that a fearful pamphlet is not but a peripheral. The path is a vase. This could be, or perhaps the airships could be said to resemble boastless pauls. The zeitgeist contends that the favoured garlic comes from a frostless spark.

This could be, or perhaps the seaborne sound comes from a caitiff decision. In recent years, some posit the rasping emery to be less than reproved. The aardvark is a deadline. Authors often misinterpret the tray as an oblate sidewalk, when in actuality it feels more like a controlled margaret.

Message Blocks

Emphasize important notes with message blocks and callouts that stand out on the page.

Alert-Primary

Alert-Secondary

Alert-Success

Alert-Danger

Alert-Info

Alert-Light

Alert-Dark

Message Heading Tip

Message Heading Info

Message Heading Success

Message Heading Warning

Message Heading Danger

Message Block Tip

Message Block Info

Message Block Success

Message Block Warning

Message Block Danger

Info: Sample flash notice style.

Success: Sample flash notice style.

Warning: Sample flash notice style.

Error: Sample flash notice style.

Important Tip: Tag line

Enter message here

Info: Tag line

Enter message here

Success: Tag line

Enter message here

Warning: Tag line

Enter message here

Caution: Tag line

Enter message here

Important Tip: Message

Info: Message

Success: Message

Warning: Message

Caution: Message

Description List

A Description List is a type of list of term description pairs. These can be arranged in two ways: vertical and horizontal

Term: Description
Term: Description
Term: Description

Term: Description
Term: Description
Term: Description
Term: Description
Term: Description
Term: Description

Columns

Typically in Canvas, we're limited on how we can arrange content, and often utilize tables to create the page layout we want. Using Design tools, we can now organize content in columns to utilize the screen space effectively:

Heading

Content

Heading

Content

Heading

Content

Heading

Content

Heading

Content

Module Progress Indicators

When organizing course materials using Modules, progress indicator bars can be applied at the top of a page.

Contact Instructional Services to have Design Tools applied to your Canvas site!