Accordions

Admissions Theme Accordions Example

To create accordions in the Admissions Theme as shown in the image above, follow these directions:

  1. Create an internal basic page (IBP) for each accordion.
    1. The Title will be what appears on the list.
    2. The Body will appear when the title is selected.
    3. After saving the IBP, note the node ID for later.
  2. Go to the basic page where you want to add the accordion.
    1. Click on the Edit button (located under “Open Utilities” in view mode).
    2. Scroll to the BP Paragraphs and select Add Paragraph.
    3. The Add Paragraph window will open.
    4. Select Accordion from the list.
    5. In the Slideshow Reference Pages field, enter the node IDs of the IBP you created to appear in the accordion.
      1. You may add more node IDs by clicking Add another item.
    6. Note: You may have to add the BP Paragraphs element to the page in order to show the accordions.
      1. To do so, click Layout from the front view, or the Layout tab in the edit view.
      2. Then, click “+ Add Block” where you’d like the accordions to show.
      3. Choose BP Paragraphs from the sidebar that pops up.
      4. Scroll to the bottom of the sidebar and click “Add block”.
      5. Click Save Layout at the top of the page.
 
  1. To create numbered accordions, follow the same steps written above and check the Full Width option within the accordion in edit mode.
Admissions Theme Numbered Accordions Example

 

Drupal Full Width Accordion Checkbox