Skip to content
Adapt User's Guide version 4.5

Question Card

The standard card has a question variant that has the same behavior, but requires that the user select an option before viewing the back. The Question Card in Adapt is evaluated and has both correct and incorrect feedback.

This component cannot currently report back to an LMS. Avoid using this component in an assessment as the assessment will view this interaction as “incorrect” even if the user supplies a correct response.

Question Card Settings

The Question Card component inherits all the settings common to the Presentation Components and all the settings common to the Question Components.

Determines the animation style when switching between front and back.

SettingDescription
Fade (default)The cards fade between each side.
FlipThe card “flips” like a real card between front and back.
SlideThe cards slide from between the front and back.

Check this box if you’d like the order of the responses in the select dropdown to be randomized.

An optional graphic on the front of the card.

The alternative text for the front image, if an image was provided

The text of the question on the front of the card.

This is a list of the responses to the question. When you click the Add button, a dialog will slide-out from the right side of the screen allowing you to populate the response. The fields in this dialog are:

The text for this response.

Whether this response is correct.

The text of the button on the front of the card used to submit the question.

The text of the button on the back of the card used to allow the user to “flip” the card and review the question.

The text of the button on the front of the card used to allow the user to review the feedback once they have submitted the question.

The title to appear on the back of the card if the question was answered correctly.

The header image to appear on the back of the card if the question was answered correctly.

The alt-text for the image, if provided.

The correct feedback body text.

The title to appear on the back of the card if the question was answered incorrectly.

The header image to appear on the back of the card if the question was answered incorrectly.

The alt-text for the image, if provided.

The incorrect feedback body text.

Card Graphic

The graphics for the card are fairly strict. The headers are height-constrained to allow for the 3D flipping effect. Larger images can be used, however, they will be scaled to just slightly larger than the display area, then cropped. Because of this, it’s important to use images that conform to the sizes specified. Images smaller than the recommended size will be pixelated and should be avoided.

card small graphic
Download Small Card Template

In a card that is half-width (the preferred size), the graphics should be 448px x 242px.

large card graphic
Download Card Large Template

In a card that is full-width, the graphics should be 984px x 242px.