Provides a visual representation of functions and calculations, including fractions and ratios.

Written by Monica Burke
Updated over a week ago

Now that you've started to build an advanced assessment, you may want to add a Shading question.

The Shading question provides a visual representation of functions and calculations, including fractions and ratios. Sets of cells are shaded by the student as their response.

Example:

# Build the Question

If you are creating a new item, select the + Create button on the assessment builder, title the item, then select the Add New plus sign to add a question.

• If you are adding to an existing item, simply select the Add New plus sign (as shown above) to add a question to the item.

Next, select the Highlight and Drawing category from the options on the left, then select Shading.

## Compose Question

• Type question prompt into this field.

• You have many formatting options from the Rich Text toolbar, including changing the font size, adding tables, using math symbols, adding multimedia, and more! Click here for more information on the different functions of the Rich Text toolbar.

## Edit Canvas Options

• The "canvas" represents the shading area.

• Row and Column Count: change the number of rows and/or columns.

• Cell Width and Height: change the size of the cells.

• Shade Cells: You are able to shade out some of the cells: they will appear highlighted when the student sees the question.

• Lock Shaded Cells: if this is enabled, the students are prevented from being able to deselect the cells you shaded.

• Shading Image: by default, when a student selects a cell, it becomes shaded with a dark blue. Instead, you can add an image here, which will replace the dark blue. See the example below.

# Set Correct Answers and Scoring

Under the Set correct answer(s) section, indicate how many points the question is worth, choose a scoring method, and shade in the correct answer.

There are two scoring methods:

• byLocation - Used when the task is to highlight specific cells on the grid.

• byCount - Used when the task is to select the correct amount of cells. The cell's position will not be considered when scoring the question.

# Student Preview

It's highly recommended to Preview the question before adding it to the assessment. This displays the question as the students will see it and also verifies that the answers and scoring work as expected.

• Step 1: Select the Preview button to go into Preview mode.

• Step 2: Answer the question with the correct answers, including alternates.

• Step 3: Verify that the auto-score correctly calculates the point value.

Click to see a short clip of this question type from the student's perspective.

# More Options

There are additional scoring and layout options available.

## Scoring

Click to see scoring options such as a minimum score or checking answers.

• Unscored/Practice usage: removes all scoring from the item.

• Penalty points: use this option if you want students to lose points for giving incorrect answers. Find more information here!

• Minimum score if attempted: student will receive points as long as the question has been attempted (if the question is left blank or is unanswered, the student will not earn those points).

## Layout

Click to see additional layout options, such as hiding cells and border types, and background images.

• Hide Cells: Some cells on the grid can also be hidden. Authors may use it in order to create custom shape with grid. The Layout section can be found under More Options. Simply click on the cells you want to hide from the grid. See example below:

• Border Type: Choose between outer, full, or none.

• Maximum Number of Response: Put a limit on the number of cells the student can select.

• Hover State: This is used to turn on and off hover effects when the user hovers the mouse over a cell. This is on by default.

• Font Size: Chose between small, normal, large, extra large, and huge.

• Background image: You can also decide to use an image as a grid background. Upload it in the Add Image field, and then specify its width, height and opacity if needed.