Versions Compared

Version Old Version 7 New Version 8
Changes made by

Carol SoftChalk

Carol SoftChalk

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Ordering Activity

Create a question that requires students to identify the correct order of items in relation to one another. Be specific in the question as to the direction of the ordering (i.e., lowest to highest, least to greatest, oldest to youngest, etc.).

See an online example.

Panel
bgColor#DEEBFF

Things to know

Activity title:

Up to 35 characters look best (50 max)

Activity instruction:

Up to 50 characters look best (500 max)

Number of activity cards:

50 cards can be created

Up to 10 cards look best

A vertical scrollbar appears after 10 cards.

Card Text:

Without an image, up to 85 characters fit comfortably on the front of the card without scrolling.

With an image at 50%, up to 50 characters fit comfortably on the front of the card without scrolling.

Panel
bgColor#DEEBFF

Learners can hover over the text and scroll to view all text on a card.

Panel
bgColor#DEEBFF

Activity image best practice:

2:3 Image Aspect Ratio work best for an image only card.

4:3 Image Aspect Ratio work best for an image with text (50% image, 50% text).

Minimum 179 pixel width x134 height pixel.

A 2:3 ratio means that an image’s width is 2 units and the height is 3 units.

A 4:3 ratio mean that an image’s width of is 4 units and a height of 3 units.

A unit can be inches, lines, or pixels

There are several free image editors available to adjust the image aspect ratio.

Panel
bgColor#DEEBFF

To maintain image quality, crop the image dimensions using any image editor (ex. Paint/Paintbrush).

If an image is re-sized but not cropped to match pixel dimensions, the image may be stretched or squeezed to fit which can degrade the image quality.

Panel
bgColor#DEEBFF

Activity Image

image-20240618-161528.png
Panel
bgColor#DEEBFF

Tips

  1. Images with no or limited text work best.

  2. Want to add more text than what appears on the card? No problem!
    Learners can hover over the text and scroll to view all text on a card.

  3. Use the Import feature to quickly create your activity.
    See FAQ I want to use the Import/Export feature. What activities allow Import/Export? How do I create a list? How do I Import/Export a list?

Ordering Activity Import and Scroll.mp4

Panel
bgColor#DEEBFF

Accessibility

Screen readers will also read out loud:

  • Activity Title

  • Activity Instructions

  • Activity Keyboard Command List

  • Card text

  • Image alt text

Panel
bgColor#DEEBFF

Keyboard Command list for Activity

Ordering Activity Keyboard Commands.png

Create an Ordering Activity

Panel
bgColor#DEEBFF

Build the Activity

  1. Click the + icon and create a text, image, or text and image card.
    Or Import a text list (optional).
    I want to use the Import/Export feature. What activities allow Import/Export? How do I create a list? How do I Import/Export a list?

  2. (Optional) Click Select File to add your local image file, SoftChalk Cloud image file or URL image file location.

    Add Alt Text for the image. (Required for an image)

  3. (Optional) Enter text and format using the toolbar in the center.
    You will see a preview of the item with image and/or text on the right.

  4. Click Back to return to the activity editor and view the cards already created or add a new item in the
    activity.

  5. Repeat steps 1-4 until each card has been created.

  6. When finished, click OK.
    The Ordering Activity placeholder will appear in the lesson.

  7. Preview the lesson changes.

Panel
bgColor#DEEBFF

Ordering Activity video

Ordering Activity video.mp4

Ordering Activity Mobile Views

Vertical

Horizontal

Ordering Vertical.png

Sorting Horizontal.png