Expansion Panel

Examples

Expansion panel Headline 1 - with image

Expansion panel Subtitle 1 - background color Black

  • Accordion module can be used in 2 different widths. This is the version with same width as a rich text field. There is also a wider version. As you see underneath.
  • There are 4 different colors: blue, black, grey and white
  • By default, the panes are collapsed when you open a page. You can also choose the have the pane expanded.
  • Within the panes you can use all different components, e.g. this rich text component. The examples contain different variants.

Expansion panel Headline 2 - with image - with bottom spacing - Grey - no subtitle

This is a Benefit List 

  • Maximum characters Expansion panel Headline: 60 
  • Maximum characters Expansion panel subtitle: 30 You can also insert BenefitListElementText
  • There is also the possibility to add an image in the pane. The image is cropped to a circle. 
  • This is a BenefitListElementTitle This is a BenefitListElementText

Expansion panel Headline 4 - no image

Expansion panel Subtitle 4 - no background color selected

This is a testing phrase.

Expansion Panel Section Headline 5 - with image

Expansion Panel Section Subtitle 5 - No background color

Download for free!

Download our brochure for more information on our solutions for a variety of applications

Request your free copy

Expansion Panel Section Headline 6 - no image

Expansion Panel Section Subtitle 6 - background color black - bottom spacing

Expansion Panel Section Headline 7 - with image

Expansion Panel Section Subtitle 7 - background color grey - expanded

  • Accordion module can be used in 2 different widths. This is the version with same width as a rich text field. There is also a wider version. As you see underneath.
  • There are 4 different colors: blue, black, grey and white
  • By default, the panes are collapsed when you open a page. You can also choose the have the pane expanded.
  • Within the panes you can use all different components, e.g. this rich text component. The examples contain different variants.

Briefing

Template accordion

Important notes

  • Number of characters
  1. Title: max 60 characters
  2. Subtitle: max 30 characters. This is a single line text field, so no links and other layout changes possible. 
  • Image: always squared with maximum size 400 x 400 (optional)
  • Colors: blue, black, grey
  • Width: accordion module can be used in 2 different widths.
  1. Default: small width (as for rich text)
  2. As you can use all kinds of components, we use the wider version if that component is needed in the expansion pane.
Compare