**The procedure will show you how to use the Collapsible Container to structure your page and reveal content.**

## Step 1 | Access the Collapsible Container



 

 

 



   ![grid component edition ](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%287%29%20%282%29.gif?itok=F77GHtLu)   





 

 





 

 

First, open the page editor and give your page a title.

Next to the **“Add Quote to Component”** button, select **Collapsible Container** to add it to your page.

Set the **Expand Label**, which is the text that indicates to users they can open the container to see the content. Then, set the **Collapse Label**, which is the text shown when the container is open, allowing users to close it.

Inside this component, you can add **any content type**. On [this page](/drupal-essentials/content-types "Content types"), you’ll find detailed explanations of each content type and how to implement them on your site. Build your page by adding all the elements you want.



 

 

 



 

 

 

 





## Step 2 | Edit the Collapsible Container with content types



 

 

 



   ![Edit collapsible container](/sites/g/files/dvc2391/files/styles/media/public/image/2026/03/Design%20sans%20titre%20%284%29.gif?itok=4w83xpSt)   





 

 





 

 

You can build your page by adding **any content types inside the collapsible container**, one after another, without displaying everything at once on the page.

[Here](/drupal-essentials/content-types "Content types"), you will find **detailed explanations for each content type** and how to edit them.

Finally, click “**Save**” to apply your changes.



 

 

 



 

 

 

 





 

 

 

 





## Example:



 

 

 



 

 

 

 





## Explore our solutions for you!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.  
Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.  
Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.  
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.  
Curabitur sodales ligula in libero.



 

 

 



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.



 

 

 

 

 

 



 

Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi.  
Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.



 

 

 

 

 

 



 

Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.  
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.



 

 

 

 

 

 



 

 

 





 

 

 

 





## Discover our core features

Lorum cinematicae fluxus in pelliculae ambitu latenter emergit, ubi visio et motus in concordia obscura coalescunt.  
Inter umbras lucisque fragmenta, video narratio tacita evolvitur, sensus arcana insinuans.  
Pellicula ipsa fit quasi ritus antiquus, imagines serenas et tremulas alternans in tempore suspenso.

[Talk to an expert now!](https://www.sf.userguide.veolia.com/)

 



 

 

 



 

 





 

 





 

 





 

 

 

 





## Key Figures 



 

 

 



Over

300

professionals ready to help you



 

 

 

 

 

 



 

Over

130

Lorem ipsum dolor



 

 

 

 

 

 



 

Over

250

Ut enim ad minim veniam



 

 

 

 

 

 



 

 

 





 

 

 

 





 



 

  Discover more  



 





[Discover this example](/support-resources/ticket-release-notes)

 



 

 

 



 

 

 

 






## Ask for support

We use ServiceNow to track all of your requests and questions

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)