Single accordion Content blocks

Single accordion Content blocks

Central room design & delivery

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

What

An expandable module that on click loads more content below.

Where

This module can be used anywhere when you have a group of content items that are secondary to the page purpose but still required.

DO

CTA
Use call-to-action that explains what kind of content will be loaded on click.

DON'T

Use accordion because you want to make your page shorter. If you have too much content on your page, it’s likely not all content provides value and your should try to edit down.

Accordion header
Mandatory

Paragraph
Mandatory

CTA
Mandatory

Expanded content
Mandatory

Background color
Mandatory, can be chosen from the Fortum color palette

Control room design & delivery

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Initial clarification and requirement specifications

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Independent design reviews

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Control room layour design

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Human Machine Interface design (HMI)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Procurement specifications

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Engineering and training simulators with Apros® and Immersive VR control rooms

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Virtual panel and VR control room design and deliveries

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Verification and Validation services (V&V)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

Max characters
Headers: 80
Paragraph: 500
Expanded content: 600, add a line break for a new paragraph CTA: 30

To create the module in the CMS

This module is specific to a page, it will be created and edited via the page template.

  1. Navigate to Manage Content Add content [Content type] Accordion content

  2. Required
    2.1 Accordion header (CMS: Accordion title): Edit by writing into the text field.
    2.2 Paragraph (CMS: Summary): Edit by writing into the text field. You can add headers into the text.
    2.3 CTA (CMS: CTA text): Edit by writing into the text field. You can add headers into the text.
    2.4 Expanded content (CMS: Page content body row with summary): Edit by writing into the text field. You can add headers into the text. First enable all text styles, choose ‘Full HTML’ from the text format dropdown. by selecting the text you want to make into a headline and from the tools row dropdown, then choose a style.
    2.5 Background color (CMS: Accordion theme): Change color by choosing it from the dropdown.

  3. When ready with the page, save it to display the modules.

Support

In case you can't find answers from this guide, you can contact Indiana support.

ACB

Indiana Application Change Board
icat [at] fortum [dot] com

Revisions