The "Timeline" allows you to build animated timelines – or more to the point: some different information objects that you want to present in a sequence. It does not have to be a timeline; it could as well be a ranking list or a simple top list.
The "Timeline" has a lot of options that lets you define if a slide is the first in the sequence, a middle one or the last. It also allows you to set the timing three different ways, so you can control the tempo of the timeline according to both taste and to suit the number of text fields that you're using.
The Timeline slide can be used in a multitude of ways. Here it is with all text fields filled in, use of png images with transparency as inline assets and a short duration for all three slides. There is a start, a middle and an end slide in there.
Behavior and usage
The first thing to decide is if the slide is a Start, a Middle or an End slide – this affects the behavior of the line itself and how the background tint is deployed. So if you're – for instance – building a timeline with five objects, you would have the first of these five slides to be a Start slide and the last an End end the one's in-between Middle. This will build the timeline together nicely.
The second decision you need to make in the side panel settings is if you want the slide to be short, medium or long. The slide type has up to four different text fields that can be filled in, and all are optional, so you could have different amounts of information on the slide which is why we give you the option to choose the timing.
If you want to use an inline image (this is optional), you'll upload that (or choose that) through the asset browser in the side panel.
We darken the background over the whole lifespan of the slide, to make sure that all text is legible. If the slide is a start slide we ramp down from normal to the darkened background at the start and if it’s an end slide we do the opposite at the very end.
The "Timeline" has four text fields you can change. All text fields animate in and out.
The indicator text uses the small text (text on primary) on a solid (primary) as the default setting (this is editable from the side panel together with the caption text and solid). This text field is the "blob" on the timeline and could be used as a date marker, but also as a position in a list or just as free text. It holds 20 characters, and the shape of the solid adjusts to fit.
The caption field uses small text (text on primary) on a solid (primary) as the default setting (this is editable from the side panel together with the caption text and solid (this is editable from the side panel together with the caption text and solid). This text field is the "label" just beneath the inline asset. It holds 40 characters.
The main text uses large text in white and is the big text on the slide if you choose to use it. It holds 40 characters.
The secondary text uses small text in white and is placed underneath the main text. It holds 40 characters.