![](/-/media/covestro/solution-center/all-modules/accordion.png?h=440&w=650&rev=1d4682163e6d49308a7c70d6da53f22c&hash=CAF0E23DE79C432A0A07F3AFBEA411F2&usecustomfunctions=1¢ercrop=1)
Expansion Panel
Examples
![](/-/media/covestro/solution-center/case-study/images/formnext_automotive-case-study_content-image.png?h=60&w=60&rev=355905aded7748998154909118339362&hash=EF5131155AC73159780948A34C175026&usecustomfunctions=1¢ercrop=1)
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.
![](/-/media/covestro/solution-center/case-study/images/formnext_automotive-case-study_content-image.png?h=60&w=60&rev=355905aded7748998154909118339362&hash=EF5131155AC73159780948A34C175026&usecustomfunctions=1¢ercrop=1)
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.
![](/-/media/covestro/solution-center/case-study/images/formnext_automotive-case-study_content-image.png?h=60&w=60&rev=355905aded7748998154909118339362&hash=EF5131155AC73159780948A34C175026&usecustomfunctions=1¢ercrop=1)
Expansion Panel Section Headline 5 - with image
Expansion Panel Section Subtitle 5 - No background color
Expansion Panel Section Headline 6 - no image
Expansion Panel Section Subtitle 6 - background color black - bottom spacing
![](/-/media/covestro/solution-center/dsm-showcase-page/slider-image-1.png?h=60&w=60&rev=a22349a469374de696e34d8866c4c6fc&hash=A62DC5C5D89B47057722F759614848BE&usecustomfunctions=1¢ercrop=1)
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
Important notes
- Number of characters
- Title: max 60 characters
- 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.
- Default: small width (as for rich text)
- As you can use all kinds of components, we use the wider version if that component is needed in the expansion pane.