Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Version History

« Previous Version 2 Next »

Timeline by Date Activity

-

See online example.

Things to know

Activity title:

Up to 35 characters look best (50 max)

Activity instruction:

Up to 50 characters look best (500 max)

Character limits:

Maximum 40 characters

Up to 20 characters fit on the label in one line

Activity image best practice:

Recommended image size 1020 x665

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.

Image of Completed Activity

Tips

Accessibility

Screen readers will also read out loud:

  • Activity Title

  • Activity Instructions

  • Activity Keyboard Command List

Keyboard Command list for Activity

Create a Timeline by Date Activity

Build the Activity

  1. Click Select File to select your local image file, SoftChalk Cloud image file or URL image file location.

  2. (Optional) Enter pixel value for margin

This feature adds space around an image and allows additional space to place labels.

3. Click the + in the upper right corner to create a label.

IMPORTANT: Be sure to drag each label with the 4-way arrow icon and circle pointer onto the image.

4. Add text to the label.

5. Add Alt text to the label. Use this text for visually impaired users.

6. (Optional) Change the line color and width.

7. When finished, click OK.
The Labeling Activity placeholder will appear in the lesson.

8. Preview the lesson changes.

Labeling Activity video

Show Answers (on)

When Show Answers is enabled, any empty placeholder will automatically display the label in the correct placeholder.

Video of Show Answers Enabled

Lableing Activity Show Answer Enabled.mp4

Show Answers (off)

When Show Answers is disabled, any label not in a placeholder will remain in the left-hand column and the placeholder will remain empty.

Video of Show Answers Disabled

Labeling Show Answer Disabled.mp4

Labeling Activity Mobile Views

Vertical

Horizontal

Labeling Activity Vertical.png

Labeling Activity Horizontal.png
  • No labels