Submit a request
Submit a request

Cloze Chemistry with Image


In the Chemistry Formula Image question type, students can input complex chemistry formulas on an image, using response boxes.


Figure 1: Chemistry Formula Image question example.

Create a Question

Enter the question stem into the Compose question area. You may want to use our Math Editor in order to insert a chemistry expression in the stimulus. For this click inside the Compose question text area and select the Math Editor from the Rich Text Editor panel (See Figure 2).


Figure 2: Rich Text Editor panel with Math Editor button.

Then upload the image to be used for the question in the Add image field. You can either upload the image or paste image URL. Image alternative text appears if an image cannot be displayed on a page, and the Text on Hover is displayed when the cursor hovers over an image.


Figure 3: Image Cloze Chemistry question basic parameters.

The uploaded image preview will be shown below in the Response Positions section.

You can then position the Response boxes on the image. In order to add more Response boxes click on +Add above the image. Response boxes will pop up on the image. Drag Response boxes and position them on the image as required. See example in Figure 4.


Figure 4: Positioning response containers on the image.

Each response container added on the image will have a number label. You can add multiple response boxes to one container and define specific dimensions for each container individually. For this, you will need to configure the Edit individual Response containers section. This can be found below the uploaded image. See below breakdown of attributes available:

  • Formula template - You can enter complex chemistry expressions and response boxes here. 
  • Width and Height - You can enter container width and height in pixels, i.e. 60px and 30px, in order to change standard dimensions.

Follow these steps in order to configure validation:

  • Insert a value in the Point(s) box to define a score for the question. The default value is set to 1.
  • In the Correct tab below you will Response submenus. These correspond to the responses you have entered in the Template area. In our example, there is only one response container so we are going to set validation under Equation Value 1 only.
  • Select the scoring method and enter the correct response in the Value field. In this example, the student response should be exactly the same as in the validation area. In this case, select equivLiteral as a scoring method. Then we enter the correct response in the Value field as shown in Figure 5.



Figure 5: Validation settings for Image Cloze Chemistry question with two response containers.

  • Each scoring method has additional options that allow authors to set more precise validation conditions. When you select a scoring method all extra options will be displayed below the menu.
  • More complex chemistry questions may need a second scoring method applied. You can combine several scoring methods to set more strict validation rules. For instance, you may want the system to accept a response that is not only correct but is also given in certain measurement units. In this case, add another method called isUnit. Click the +Add button below the first scoring method to add a new scoring method.

More Options

Additional formatting options can be found under More Options.


Unscored/Practice usage - Removes all scoring from the question.

Penalty point(s) - The value entered here will be deducted from the student for an incorrect answer.

Minimum score if attempted - Set attempt marks for the question.

Check answer button - Show or hide the Check answer button from the student.

Check answer attempts - The value entered here refers to how many times the student can use the Check answer button before it is disabled.


Transparent background - If this is enabled, the background of the response area will match the color of the rest of the background area.

Response minimum width (px) - Enter, in pixels, the minimum width of the response area.

Template font scale - Scales the font relative to the question's font size. The default value is 150%.

Response container (global) and Edit individual response containers - Configure the Width and the Height, in pixels, for either all response containers or for specified response containers.


Type - Select from a Floating keypad, a Block keypad, a Block on focus keypad, or no keypad.

Show keypad hints - Enable or disable hints on the keypad, such as keyboard shortcuts and symbol group titles that are shown on the top left corner of the keypad when hovering over a symbol group key.

Number pad - Customise the number pad in this section.

Symbols - Select what symbol groups will be shown to the student, or create custom symbol groups.

Text blocks - Use this option when you want to define a list of custom units (such as g, kg, cm, oz, etc.) that will not be rendered as LaTeX. 

Was this article helpful?

Did you arrive here by accident? If so, learn more about Learnosity by clicking here.