Steegle logo

Collapsible Group - new Google Sites

Add collapsible and expandable groups of text boxes and images to a new Google Site

Related articles: Text; Text in Columns; Images; Vertically Group Tiles | tag:text | tag:images

Instructions

Add collapsible groups to a site

  1. From the Insert panel choose the Collapsible group option

  2. The collapsible group will appear at the next available space on the page

    • By default the uncollapsed text box will be preformatted with the Heading format

    • The expandable text box is formatted with the Normal text format

  3. Add the text you want to be visible all of the time in the upper heading text box. You can format this text however you like and have multiple lines and formatting.

  4. Add the text you want to expand to see in the lower normal text box. You can format this text using any formatting and have multiple lines, formatting and vertically grouped text boxes.

  5. Click and drag images to be part of the collapsible group, to either the top, always visible section or as a part of the expandable area.

  6. View the preview and published site and you can expand and collapse the boxes

Notes

  • You can add images to any part of collapsible group: the images and text boxes will adopt the same width - see: Vertically Group Tiles.

  • You cannot vertically group collapsible groups, but you can vertically group text boxes in the collapsed portion

  • You can have more than one collapsible text in a section but they must be horizontally aligned, not vertically grouped.

  • The collapsible group offers a switch to turn off collapsing: this makes converts the upper heading text box and the lower normal text box to ordinary text boxes

  • If you move the collapsible group so it vertically groups with other content it will convert to ordinary text boxes and images.

Frequently Asked Questions about Collapsible Text and examples

Can I add images to a collapsible group?

Yes: collapsible groups allows multiple text boxes and images to collapse into the first item of the vertical group. The first item of the vertical group can be either an image or a text box.

Can I link to headings in collapsibles?

You can link to the always visible upper header text box but Table of Contents links and copied header links to titles, headings and subheadings in the collapsed text do not work and do not expand the collapsed portion.

What should I use collapsible text for?

Collapsible text is great for adding content to a page that does need to be displayed all of the time, e.g. questions and answers or information you can display more text for if someone needs to see extra info

Can I resize the width and height of collapsible groups?

You can alter the width of collapsible group by clicking and dragging the left or right grab handle (blue dot), the height is automatically set by the amount of content you have entered and vertically grouped.

How do I add collapsible groups to a Google Sites page?

Use the Collapsible text option from the Insert panel

What are the limits for collapsible groups?

Google has not documented any limits on the size of a collapsible group or the number you can add to a page.

Feedback

Please let us know if this article helped or if you know of of any improvements.

Keep up-to-date

Join the Sites Update Group on the Google Sites Classic Comparison to get email notifications about New Google Sites updates.

Newsletter

Subscribe to our newsletter for emails about all things Steegle.com

Steegle Springboard: the intranet solution for Google Workspace

Springboard Intranet
for Google Workspace

We provide a well-designed and well-structured intranet to enable your employees to: start work with the right tools; find people with appropriate skills; collaborate with their teams; access authorized resources; thank and recognize heroic colleagues and coworkers.

Steegle People for Google Workspace Logo

Steegle People
for Google Workspace

Searchable staff directory for Google Workspace, with real-time search results, that automatically generates org charts to show your organisation structure - Steegle People.
Steegle Share for Google Drive Logo

Steegle Share
for Google Drive

If the standard Google Drive Folder embed does not give you everything you need, take a look at the Steegle Share for Google Drive that offers search, sorting, download links and more...
Steegle News Gadget for Google Sites Logo

Steegle News
for Google Sites

Display headlines, snippets and metadata linked to your news articles and blog pages on your Google Site and filter by tags added to the news gadget. See the Steegle News Gadget.
Steegle Heroes for Google Workspace Logo

Steegle Heroes
for Google Workspace

Employee recognition system: Steegle Heroes allows you to thank and recognise your colleagues, coworkers and employees spotlight a hero as an Employee of the month.