Collapsible Item

A Collapsible Item is a component that includes a title and a body that can be expanded / collapsed. 

On this page:

• Content
  • Creating a Collapsible Item
  • Editing a Collapsible Item
  • Deleting a Collapsible Item
• Placement
  • Placing a Collapsible Item
  • Configuring a placed Collapsible Item
  • Unplacing / Removing a placed Collapsible Item
• Inline Collapsible Item
  • Creating & Placing an Inline Collapsible Item
  • Editing & Configuring an Inline Collapsible Item
  • Deleting an Inline Collapsible Item
• Best Practices

Content

Creating a Collapsible Item

1. Go to Manage > Structure > Custom Block Library
2. Click Add Custom Block
3. Choose Collapsible Item
4. Provide a Title
5. Provide a Body
   • This field uses the Rich Text Editor
6. Optional: Toggle Expanded
   • By default collapsible items are collapsed. If you want to change it to be expanded by default, check this box
7. Save

Editing a Collapsible Item

1. Go to Manage > Structure > Custom Block Library
2. Find the Collapsible Item you want to edit 
   • Tip: Use the filter to refine the list and make your search easier by setting the Block type to Collapsible Item and/or adding a keyword from the title.
3. Once you find the block you wish to edit, click Edit 
4. You will be taken to the block edit screen where you can make your desired changes
   • Changes made to the contents of the block will be reflected in all instances of the block 
5. Save

Deleting a Collapsible Item

Please note that deleting content is permanent and irreversible.

1. Go to Manage > Structure > Custom Block Library
2. Find the Collapsible Item you want to delete 
   • Tip: Use the filter to refine the list and make your search easier by setting the Block type to Collapsible Item and/or adding a keyword from the title.
3. Once you find the block you wish to edit, click the arrow down button next to edit and click Delete
4. You will be taken to a confirmation page. Click Delete to confirm.
   • Warning: As with all deletions in Drupal, deleting pages is permanent and cannot be undone.
5. Save

Deleting a block does not automatically unplace / remove it from the page it was placed in. The block will not be visible to public view. Editors will see a warning for a missing block when they edit the layout and should remove it to clean up.

Placement

Placing and unplacing a Collapsible Item in basic pages is the same process as any block.

Placing a Collapsible Item

1. Visit the page you wish to place the Collapsible Item in
2. If you are logged in and able to edit, you should see the local task tabs and be able to click Layout
3. In the area you want the block to appear, click Add Block
4. The list of available blocks will then appear at the right hand side of the page. Search for the Collapsible Item you want to place
5. Optional: Configure the block
   • With your block placed, click the contextual edit button (Pencil Icon) for the block and select configure.
   • Make your desired configurations
   • Click Update
6. Click Save Layout

Configuring a placed Collapsible Item

1. Visit the page the Collapsible Item you wish to configure is in
2. If you are logged in and able to edit, you should see the local task tabs and be able to click Layout
3. Hover over the block you wish to configure and click the contextual edit button (Pencil Icon) and click Configure
4. Make your desired configurations
5. Click Update
6. Click Save Layout

Unplacing / Removing a placed Collapsible Item

1. Visit the page where the Collapsible Item you wish to remove is in
2. If you are logged in and able to edit, you should see the local task tabs and be able to click Layout
3. Hover over the block you wish to remove and click the contextual edit button (Pencil Icon) and click Remove Block
   • It will simply remove the block from the page
4. You will be prompted to confirm. Click Remove to confirm
5. Click Save Layout

Inline Collapsible Item

Please refer to Blocks > Custom Block (Global vs Inline) for information on the differences.

Creating & Placing an Inline Collapsible Item

1. Visit the page you wish to place the Inline Collapsible Item in
2. If you are logged in and able to edit, you should see the local task tabs and be able to click Layout
3. In the area you want the block to appear, click Add Block
4. Click Create custom block
5. Choose Collapsible Item
6. Fill in the fields and configure as desired
7. Click Add Block
8. Click Save Layout

Editing & Configuring an Inline Collapsible Item

1. Visit the page where the Inline Collapsible Item you wish to edit and configure is in
2. If you are logged in and able to edit, you should see the local task tabs and be able to click Layout
3. Hover over the block you wish to configure and click the contextual edit button (Pencil Icon) and click Configure
4. Make your desired content edit configurations
5. Click Update
6. Click Save Layout

Deleting an Inline Collapsible Item

Please note that deleting content is permanent and irreversible.

1. Visit the page where the Inline Collapsible Item you wish to delete is in
2. If you are logged in and able to edit, you should see the local task tabs and be able to click Layout
3. Hover over the block you wish to remove and click the contextual edit button (Pencil Icon) and click Remove Block
   • Warning: This will remove the block from the page and delete its contents. As with all deletions in Drupal, this is permanent and can't be undone.
4. You will be prompted to confirm. Click Remove to confirm
5. Click Save Layout

Best Practices

• USE SPARINGLY. It should be reserved for specific type of content such as FAQs. Hiding content makes it harder to skim content and cause confusion if theres references to content that is not immediately obvious that is in the page.