Label image with drop down imageclozedropdown

Label image with drop-down (imageclozedropdown)

The label image with drop-down Question is referenced by its Question type in the code, which is imageclozedropdown. This is a fill in the blanks Question type, where students fill in the blanks on images, via drop-down menus.

Examples

{
    "response_id": "60016",
    "type": "imageclozedropdown",
    "img_src": "//assets.learnosity.com/questiontypes/content/blank_us_map.png",
    "instant_feedback": true,
    "possible_responses": [
        ["Montana", "Alabama", "California", "Louisiana"],
        ["New Hampshire", "Pennsylvania", "Texas", "Idaho"],
        ["Florida", "New Jersey", "North Carolina"]
    ],
    "response_containers": [{
        "pointer": "top"
    }, {
        "pointer": "right"
    }, {
        "pointer": "bottom"
    }],
    "response_positions": [{
        "x": 5.68,
        "y": 45.86
    }, {
        "x": 35.16,
        "y": 66.27
    }, {
        "x": 71.25,
        "y": 68.64
    }],
    "validation": {
        "scoring_type": "partialMatch",
        "valid_response": {
            "value": ["California", "Texas", "Florida"]
        }
    }
}

Attributes

  • is_math boolean

    Set to true to have LaTeX or MathML contents to be rendered with mathjax.

    Default: false

  • metadata object

    Object containing additional information about the question.

  • metadata.distractor_rationale string

    Used to display individual response feedback/rationale to the student.

  • metadata.rubric_reference string

    A unique identifier for the rubric to be used with the question - defaults to course rubric if assigned in activity

  • metadata.sample_answer string

    A sample answer to be displayed on the Learnosity Reports API. HTML is supported.

  • metadata.acknowledgements string

    References for any text passages, documents, images etc. used in the question.

  • metadata.distractor_rationale_response_level array

  • stimulus string

    The question stimulus. This can include text, tables, images, resources and LaTeX entered via the Math Editor.

  • stimulus_review string

    HTML/Text content displayed only in review state rendered above the response area. Supports embedded Feature <span> tags. Will override stimulus in review state.

  • instructor_stimulus string

    HTML/Text content displayed when showInstructorStimulus is set to true on the activity. Supports embedded Feature <span> tags.

  • type string

    Type of question being asked, e.g. 'association'

    Default: "imageclozedropdown"

  • ui_style object

    Object used to control different aspects of the UI

  • ui_style.fontsize string

    Controls the size of base font for this question. Options are among 'small', 'normal', 'large', 'xlarge' and 'xxlarge'.

    Default: "normal"

  • ui_style.validation_stem_numeration string

    Numeration character to be displayed to the left of the validation label.

    Default: "number"

  • feedback_attempts number

    If instant_feedback is true, this field determines how many times the user can click on the 'Check Answer' button. 0 means unlimited.

    Default: 0

  • instant_feedback boolean

    Flag to determine whether to display a 'Check Answer' button to provide instant feedback to the user.

    Default: false

  • validation object

    In this section, configure the correct answer(s) for the question.

  • validation.allow_negative_scores boolean

    Negative scores will be normalised to zero by default. Allowing negative scores, on the other hand, means that the score can drop below zero when penalties are applied.

    Default: false

  • validation.penalty number

    Value indicating the marks deducted for an incorrect response.

    Default: 0

  • validation.min_score_if_attempted number

    Positive value indicating the minimum score if a student attempted the question.

    Default: 0

  • validation.scoring_type string

    Defines the scoring approach used. Possible options:
    'exactMatch': Exact Match - Entire response must match exactly
    'partialMatchV2': Partial Match - A relative part of the score will be given for each correct response area
    'partialMatch': Partial Match per response - Cumulative Score value will be given for each correct response area

    Default: "exactMatch"

  • validation.unscored boolean

    When enabled, this option will remove all scoring from the question. This is useful for creating practice questions.

    Default: false

  • validation.valid_response object

    An object containing the valid response score and value.

  • validation.valid_response.score number

    Score awarded for the correct response(s).

    Default: 1

  • validation.valid_response.value array

    An array containing the valid responses for each response in the template in corresponding order.

  • validation.automarkable boolean

    Defines whether the question will be marked automatically, or must be marked manually.

    Default: true

  • validation.alt_responses array

    Add an alternate response if there is more than one correct overall solution to a question.

  • validation.alt_responses[ ].score number

    Score if the alternative response is correct.

    Default: 1

  • validation.alt_responses[ ].value array

  • validation.alt_responses[ ][ ].score number

    Score if the alternative response is correct.

    Default: 1

  • validation.alt_responses[ ][ ].value array

  • response_container response container object

    Use Response Container (global) to make changes to all response boxes at once.

  • response_container.height stringUnits

  • response_container.width stringUnits

  • response_container.pointer string

    Add response pointer next to the response container. Values can be one of 'top', 'right', 'bottom', 'left'

    Default: "none"

  • response_container.vertical_top boolean

    This setting ensures that the position of the response boxes stays at the position set by the author, regardless of changes to the font size or container's size, i.e. it ensures that the position of the responses stays at top: 0, left: 0 of the container.

    Default: false

  • response_container.placeholder string

    Placeholder text that can be added into the response entry area, which disappears when user starts typing.

  • response_containers array [response container object]

    Array containing objects defining each individual response container style.

  • response_containers[ ].height stringUnits

  • response_containers[ ].width stringUnits

  • response_containers[ ].pointer string

    Add response pointer next to the response container. Values can be one of 'top', 'right', 'bottom', 'left'

    Default: "none"

  • response_containers[ ].placeholder string

    Placeholder text that can be added into the response entry area, which disappears when user starts typing.

  • image imageObject

    Image settings are defined here.

  • image.src string

    The URL to the image file.

  • image.alt textarea

    The alternative text of the image.

    Default: ""

  • image.width number

    Enter a numeric value for the width of the image. This value should be a pixel (px) value, but you do not need to type px into the field.

  • image.height number

    Enter a numeric value for the height of the image. This value should be a pixel (px) value, but you do not need to type px into the field.

  • image.title string

    The text to be shown on hover.

  • image.prevent_scale boolean

    Prevent image to be scaled along with screen size change

  • image.scale boolean

    Allow image to be scaled along with font size

  • image.preview hidden

    Preview of the chosen image

  • response_positions array

    Array of responsePosition objects (x and y) indicating the distance of the top left corner of the response field from the top left corner of the image.

  • response_positions[ ].x number

    x value indicating the horizontal position of the top left corner of the response field on the image. The value is a percentage of the total width of the image.

  • response_positions[ ].y number

    y value indicating the vertical position of the top left corner of the response field on the image. The value is a percentage of the total height of the image.

  • response_positions[ ][ ].x number

    x value indicating the horizontal position of the top left corner of the response field on the image. The value is a percentage of the total width of the image.

  • response_positions[ ][ ].y number

    y value indicating the vertical position of the top left corner of the response field on the image. The value is a percentage of the total height of the image.

  • aria_labels array

    Text entered here will help assistive technology (e.g. a screen reader) attach a label to the image for accessibility purposes.

  • img_src string

    Absolute URI for the background image.

  • possible_responses array

    Array of string arrays. They tie to the index position of the {{response}}s found in the HTML string and are rendered in order within the dropdown.

  • shuffle_options boolean

    Use this to shuffle imageclozedropdown possible responses list order.

    Default: false

Response format

The data returned in the response format for this Question is the text labels that the student added to the image using drop down menus.

Response format examples

{
                "value": [
                    "Belfast",
                    "Galway",
                    "Athlone",
                    "Dublin",
                    "Cork"
                ],
                "type": "array",
                "apiVersion": "v2.173.0",
                "revision": 1,
                "feedbackAttemptsCount": 1
            }

Response attributes

  • value array

    The text values added to the image.

  • type string

    Informs the scoring engine about what kind of data to expect in the values entered by the student. For this Question type, you must always supply a string for this attribute with the value "array".

  • apiVersion string

    The version of the Questions API that returned this response.

  • revision numeric

    Keeps track of the number of Question attempt submissions, i.e. how many times the student answered the Question and submitted it.

  • feedbackAttemptsCount numeric

    Keeps track of the number of feedback attempts.

Was this article helpful?

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