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.
| Panel | ||
|---|---|---|
| ||
Things to know |
Activity title:
Unlimited
Up to 115 characters look best
Character limits:
Unlimited
Up to 12characters in the Event Title fits best
Up to 1,650 characters fit in the Event Description without a scrollbar.
| Panel | ||
|---|---|---|
| ||
A scrollbar will appear for users to view additional content. |
Activity Title image best practice:
4:3 Aspect Ratio images work best for portrait images.
16:9 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
| |||
Tips |
Select the appropriate interval for the given event dates.
Avoid long spaces between events.
If there are events passed the visible timeline, a scrollbar is available below the event list.
A scrollbar will appear for users to view additional content.
| 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
Labeling Activity Mobile Views
Vertical | Horizontal |
|---|---|
 |  |