Versions Compared
Version | Old Version 3 | New Version 4 |
---|---|---|
Changes made by | ||
Saved on |
Key
- This line was added.
- This line was removed.
- Formatting was changed.
Timeline by Date Activity
-View a timeline of unlimited events ordered by date in a Timeline Activity. For instance, you would select by date to create a timeline for the American Revolution.
See online example.
Panel | ||
---|---|---|
| ||
Things to know |
Activity title:
Unlimited
Up to 35 115 characters look best (50 max)Activity instruction
Character limits:
Unlimited
Up to 50 characters look best (500 max)
Character limits:
Maximum 40 characters
Up to 20 characters fit on the label in one line12characters in the Event Title fits best
Up to 1,650 characters fit in the Event Description without a scrollbar.
A scrollbar will appear for users to view additional content.
Activity image best practice:
4:3 Aspect Ratio images work best for portrait images.
16:Recommended image size 1020 x6659 Aspect Ratio images work best for portrait images.
Minimum ? width x ? height pixels.
Recommended image size ? x ?
A 4:3 ratio mean that an image’s width is 4 units and a height of 3 units.
A 16:9 ratio means that an image’s width is 16 units and a height of 9 units.
A unit can be inches, lines, or pixels
There are several free image editors available to adjust the image aspect ratio.
Panel | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
Image of Completed Activity |
Panel | ||
---|---|---|
| ||
Tips |
Panel | ||
---|---|---|
| ||
Accessibility |
Screen readers will also read out loud:
Activity Title
Activity Instructions
Activity Keyboard Command List
Panel | ||
---|---|---|
| ||
Keyboard Command list for Activity |
Create a Timeline by Date Activity
Panel | ||
---|---|---|
| ||
Build the Activity |
Click Select File to select your local image file, SoftChalk Cloud image file or URL image file location.
(Optional) Enter pixel value for margin
Panel | ||
---|---|---|
| ||
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.
Panel | ||
---|---|---|
| ||
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.
Panel | ||
---|---|---|
| ||
Labeling Timeline Activity video |
Panel | ||
---|---|---|
| ||
Show Answers (on) |
When Show Answers is enabled, any empty placeholder will automatically display the label in the correct placeholder.
Panel | ||
---|---|---|
| ||
Video of Show Answers Enabled |
Panel | ||
---|---|---|
| ||
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.
Panel | ||
---|---|---|
| ||
Video of Show Answers Disabled |
Labeling Activity Mobile Views
Vertical | Horizontal |
---|---|