Timeline

On this page

The timeline panel comprises of a vertical list of text blocks, with icons at the side to add visual interest

Panel settings

It is a relatively simple panel to edit and there are only a few options.

Panel options

1. Panel title – The title for the panel which appears above the cards themselves (optional)

2. Panel description – Additional descriptive text which appears below the title (optional)

3. Icon circle background – Change if you wish for a solid background to the icons or just a circle

4. Panel background – Default colour options for the panels background as found on other panels

Adding an item to the timeline

Begin by clicking the “Add section” button. This adds a new timeline section / item to your timeline. Here you can select an icon to be

1. Icon – Here you can choose an icon, apply a link and some text. The link and text options are optional. Click here to see a list of all available icons. To use an icon just type in the name to search or select from the dropdown list.

2. Title – Main title for the timeline section

3. Content – A standard WYSIWYG editor allowing you to use text, images, video, hyperlinks, and more.

4. Featured link – You can add a link beneath your content to any internal or external URL you choose (optional)

4.a. Featured link colour – There are also some limited colour options for the link (optional)

Example

Example timeline

This is a timeline panel description

Timeline item 1

Curabitur ac viverra nulla. Fusce bibendum bibendum dolor, vestibulum semper ante fermentum at. Duis et arcu aliquet, pulvinar sem ut, volutpat libero. Suspendisse diam nisi, feugiat vel ipsum a, sollicitudin fringilla ex. Pellentesque dapibus nisi risus, non imperdiet sem mattis id. Nam posuere et dolor ac ornare. Suspendisse est sapien, bibendum vel orci vitae, euismod venenatis ligula. Phasellus eu laoreet mi, lobortis mattis dolor. Nam porttitor sagittis ultrices. Suspendisse ut orci nec neque faucibus egestas et in diam. Ut eget purus massa. Sed metus mi, facilisis sed posuere et, porta ac arcu. Ut non lobortis nisi, ac consequat urna. Donec convallis sed lorem pretium convallis.

Help & Support
compass

Timeline item 2

Nulla vitae dui augue. Suspendisse ac tincidunt purus. Duis non nibh lacinia, ullamcorper augue id, feugiat sapien. Aenean vulputate faucibus bibendum. Cras molestie aliquet arcu, vitae semper sapien lacinia nec. Sed tincidunt commodo tempor. Donec sit amet tortor rutrum, maximus urna eget, malesuada libero. Donec pretium elit eu nisl lacinia volutpat ac ut orci. Suspendisse at quam a erat malesuada sagittis a sit amet neque. Nullam est sem, fringilla nec arcu in, sollicitudin feugiat lorem. Aenean euismod enim dolor, vel iaculis tortor convallis vitae. Donec elementum sapien sit amet tellus commodo, sit amet vestibulum lacus pretium. Sed tincidunt interdum lectus et facilisis.

Kent.ac.uk
network

Timeline item 3

Nunc sit amet felis imperdiet, mattis enim in, faucibus purus. Etiam at tristique nulla. Mauris sem mi, varius elementum nunc vel, efficitur congue nisi. Quisque dictum pulvinar justo, eu commodo libero posuere ut. Praesent nibh diam, posuere in bibendum id, efficitur et ante. Vivamus tincidunt sed lectus sed malesuada. Mauris non bibendum massa, vel volutpat nulla.

Nullam mattis dui lectus, nec aliquam nulla vehicula non. Vestibulum nec commodo velit, et porta neque. In erat leo, interdum a gravida ut, efficitur euismod sem. Aenean pharetra consequat nisl vitae cursus. Sed faucibus luctus consectetur. Duis porttitor tincidunt libero non venenatis. Curabitur aliquam nisl ut pharetra rutrum. Vivamus fringilla efficitur mauris, ac gravida elit cursus in. Maecenas id feugiat massa. Nullam in consectetur purus. Nulla interdum mollis bibendum. Pellentesque a eleifend sapien. Aliquam scelerisque accumsan neque, quis vehicula felis fringilla et.