What
An expandable module that on click loads more content below.
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.
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.
-
Navigate to Manage → Content → Add content → [Content type] → Accordion content
-
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. -
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.
iCAT
Internet Change Advisory Team
www.fortum.com/indianasupport
icat [at] fortum [dot] com