Concertina Columns

module_concertina_columns

This module can be activated by applying the tag module_concertina_columns to a published basic subpage.

#Data Mappings

• Module header = basic page headline
• Module content = basic page content
• A column will be added for each nested basic page (2-wide on desktop)
  • Column header = basic page headline
  • Column subtext = basic page content
  • A concertina will be added for each nested basic page
    • Concertina button text = basic page headline
    • Concertina content = basic page content

Read more inside a concertina

Each concertina within a column supports the same progressive reveal as the Read More module. Visitors can open a concertina to read a short answer, then select Read more to reveal additional detail.

Setup

The page hierarchy is: module page → column Basic page → concertina Basic page. The reveal belongs in the individual concertina's content.

1. Under the published module_concertina_columns page, open the column's Basic child page.
2. Open the nested Basic page that supplies the concertina's headline and content.
3. In that concertina page's WYSIWYG editor, add the introduction, insert a horizontal rule (<hr>), then add the content to reveal below it.
4. Publish the concertina page, its column page and the module page. Keep the module_concertina_columns tag on the module page; you do not need to add module_read_more.

For example, the concertina's Basic content could be:

<p>A short answer shown when this concertina is opened.</p>
<hr>
<p>Further detail revealed when the visitor selects Read more.</p>

How it works

• Opening the concertina shows the content before its first <hr> and a Read more button in place of that divider.
• Content after the divider stays hidden until the visitor selects Read more.
• The revealed content replaces the button. There is no separate “Read less” control; the concertina can still be opened and closed normally.
• Every concertina in every column has an independent reveal. Items without an <hr> show all their content when opened.

Place the divider in the concertina page's Basic content, rather than in the column subtext or the module's introductory content.