Components: how to create content for

Here you can find the components that can be used on This component, that you're reading now, is called Lead text. The lead text is a short introduction, in two to three sentences, of the article and displayed in the beginning of a page. A Lead text component always starts content on the website.

Text components for

There are a few different ways to display actual text at A Lead text component is one of the most important ones for introducing your content. Learn also, the difference between a quote and a highlight.

Tools to boost text
Drupal image for Comms use only. Abstract image, yellow.

Lift-ups visualise content, learn how to create research group page

Learn how to use lift-ups to visualise and highlight content. Learn also, how to create a research group page.

Visualising pages
Screenshot of the different components used as liftups at

Image with text component engages your reader

The component is for presenting your content in an engaging way. How to utilise it? Read on!

How it works
Three students sitting next to a wooden table, and studying. Two of them have laptops in front of them. Photo: Unto Rautio

Single image

A Single image component can be used to add an image between text paragraphs. This component does not include text paragraphs, only the image and a caption (if needed).

In services, single images look like the image below:

Media Gallery

Media gallery component is a set of images grouped into a gallery. It includes a description of the gallery and each of the images can have a caption. An example of a gallery is below.

Media Slider

Media Slider can be used to present multiple images or text pieces around a specific topic. Sliders include a description of the component on the left (for example H2 heading, normal text with links) and the picture/information slider on the right – content can be swiped via arrows.

Sliders have three possible display modes: small, medium and large. The S version automatically formats the picture into a round shape whereas the M version surrounds the picture with a round shape. The L version doesn't format the pictures to a round shape.

Below are example images of sliders with display mode small, medium and large:

Slider - small
This is a Slider component with a Display mode: Small. It can include the basic formatting described above.
Slider - medium
This is a Slider component with Display mode Medium. It can include the basic formatting described above.
demo: slider / large
This is a Slider component with Display mode Large. It can include the basic formatting described above.

Video clip

Video clip component integrates a video from an external or internal source to the article.

Video clips look like the video below.

Social media, files and quicklink components

See, how you can highlight e.g. the school's social media channels and add files. Quicklinks introduced.

Read more
Image of an icon depicting an attachment. A black paper clip on yellow background.

HUB description

HUB description presents the HUB with a text piece and an image. It can have two sizes: medium and large. This component is only used in HUBs. The image below presents the two size options. 

Example of HUB description component: medium
Example of HUB description component: large

Hero magazine

Hero magazine is used only as main image on front page and landing pages for the Aalto schools.

Keep the title engaging and short. The component is only used by nominated editors.

Hero Magazine

People liftups

If you want to add certain research group's members, take a look at the guide:

Research group: how to create and how you can add your research group members to a page by creating an automatic feed?

Department's people

It's easy to add department's personnel by using People liftups component. Here's an example on how to do it:

  1. Log in to Aalto People and find the department's page
  2. Copy from the URL the department's ID number (take a look at the picture below): 47178
example – People liftups, departments

3. Go to new Add the component People liftups and paste the ID number to the field: Aalto People organisational unit ID:

example 2 – people liftups, departments

4. Finally, click on "Save" and the department's people liftups component should be ready:

NB If you have a profile both in the ACRIS and Aalto People databases, the People liftup shows your ACRIS contact details. The ACRIS details need to be amended by the person concerned themselves, if need be, whereas the Aalto People information is HR-related.

example 3 – people liftups, departments

Adding people one by one

You can add contact details of Aalto University people if their contact details are available on Aalto People database: use People Liftups component, click on "Select profiles", type in the surname of the person and click on "Apply". After selecting the person, you can add more contact details:

Get to know some of our Aalto University people:

Robert Salven

Robert Salven

Communications Services
Senior Manager, Digital Communications
Jaakko Salavuo

Jaakko Salavuo

Communications Services
Communications Director
Kati Hagros

Kati Hagros

IT Services
Chief Digital Officer
This service is provided by:

Communications Services

Did you find what you were looking for? If not, please contact us.
  • Published:
  • Updated:
URL copied!