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

Written by Kris Hyland
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.

# 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.

## Step 1: 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.

## Step 2: 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.

# More Options

Expanding the More Options menu will allow you to further customize the scoring or formatting of the question.

• 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.

• 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).

• Scoring Type: Choose between Exact Match or Partial Match.

• Exact Match: all of the correct cells must be shaded to earn the points.

• Partial Match: Partial credit will be awarded based on the shading of each cell. The point value indicated in the Points(s) field Is evenly split among the number of correct cells.

• Example: If there are three cells shaded, and the question is worth 1 point, each cell will be word 0.33 points.

## ➡️ Additional Formatting Options: Layout and Selection

• 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.

## ➡️ Additional Formatting Options: 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.