Collapsible sections SharePoint

%3CLINGO-SUB%20id%3D%22lingo-sub-2739981%22%20slang%3D%22en-US%22%3ECollapsible%20sections%20SharePoint%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2739981%22%20slang%3D%22en-US%22%3E%3CDIV%20class%3D%22align-cell%22%3E%3CP%20class%3D%22c-paragraph-3%20x-weight-semibold%22%3EHi%2C%3C%2FP%3E%3CP%20class%3D%22c-paragraph-3%20x-weight-semibold%22%3E%26nbsp%3B%3C%2FP%3E%3CP%20class%3D%22c-paragraph-3%20x-weight-semibold%22%3EHas%20anyone%20seen%20any%20previews%20of%20this%20new%20feature%20that%20they%20could%20share%20with%20me%20as%20it%20is%20something%20we%20are%20looking%20to%20employ.%26nbsp%3B%3C%2FP%3E%3CP%20class%3D%22c-paragraph-3%20x-weight-semibold%22%3E%26nbsp%3B%3C%2FP%3E%3CP%20class%3D%22c-paragraph-3%20x-weight-semibold%22%3ESharePoint%3A%20Collapsible%20sections%20on%20modern%20pages%3C%2FP%3E%3C%2FDIV%3E%3CP%20class%3D%22c-paragraph-3%22%3EYou%E2%80%99ll%20have%20the%20ability%20to%20show%20page%20sections%20in%20an%20accordion%20view%20(collapsed%20or%20expanded)%20or%20as%20tabs.%20The%20accordion%20view%20will%20be%20collapsed%20by%20default%2C%20but%20can%20be%20set%20to%20show%20expanded.%3C%2FP%3E%3CUL%20class%3D%22c-list%20f-bare%20f-lean%20data-list%22%3E%3CLI%3EFeature%20ID%3A%2067147%3C%2FLI%3E%3CLI%3EAdded%20to%20Roadmap%3A%209%2F24%2F2020%3C%2FLI%3E%3CLI%3ELast%20Modified%3A%207%2F12%2F2021%3C%2FLI%3E%3CLI%3ETags%3A%20Web%2C%20Targeted%20Release%20(Entire%20Organization)%2C%20SharePoint%2C%20Education%2C%20Germany%2C%20GCC%2C%20GCC%20High%2C%20DoD%2C%20Worldwide%20(Standard%20Multi-Tenant)%3C%2FLI%3E%3C%2FUL%3E%3CP%3EMany%20thanks%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAlan%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2739981%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2744693%22%20slang%3D%22en-US%22%3ERe%3A%20Collapsible%20sections%20SharePoint%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2744693%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F476617%22%20target%3D%22_blank%22%3E%40AJP2019%3C%2FA%3E%26nbsp%3Bhere's%20a%20preview%20from%20my%20demo%20environment.%26nbsp%3B%20I've%20used%20a%20vertical%20section%20on%20the%20right%20with%20single%20width%20sections%20on%20the%20left.%20The%20titles%20are%20configured%20in%20the%20section%20settings%20and%20then%20I've%20used%20text%20web%20parts%20in%20each%20collapsible%20section%2C%20you%20can%20use%20other%20webparts.%20Works%20nicely%20%3A)%3C%2Fimg%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EEach%20section%20can%20be%20configured%20to%20open%20expanded%20or%20collapsed%2C%20your%20choice.%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22SteveKnutson_0-1631506796620.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F309975iAF98D3DAE4D3F053%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22SteveKnutson_0-1631506796620.png%22%20alt%3D%22SteveKnutson_0-1631506796620.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2745595%22%20slang%3D%22en-US%22%3ERe%3A%20Collapsible%20sections%20SharePoint%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2745595%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F476617%22%20target%3D%22_blank%22%3E%40AJP2019%3C%2FA%3E%26nbsp%3B%20I%20wrote%20two%20blogs%20on%20this%20topic.%3C%2FP%3E%3CP%3EYou%20can%20find%20them%20here%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fandresalomons.nl%2Fcopymodernpagetoanothersite%2F%3Flang%3Den%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3ECopy%20ModernPage%20To%20Another%20Site%20%E2%80%93%20Andr%C3%A9%20Salomons%20(andresalomons.nl)%3C%2FA%3E%3C%2FP%3E%3CP%3Eand%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fandresalomons.nl%2Fcreate-helppage-with-sections%2F%3Flang%3Den%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3ECreate%20HelpPage%20With%20Sections%20%E2%80%93%20Andr%C3%A9%20Salomons%20(andresalomons.nl)%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAppreciate%20your%20comments%20or%20questions.%3C%2FP%3E%3CP%3Ergds%3C%2FP%3E%3CP%3EAndr%C3%A9%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2755730%22%20slang%3D%22en-US%22%3ERe%3A%20Collapsible%20sections%20SharePoint%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2755730%22%20slang%3D%22en-US%22%3EThanks%20Andre%2C%20will%20take%20a%20look%3C%2FLINGO-BODY%3E
Occasional Contributor

Hi,

 

Has anyone seen any previews of this new feature that they could share with me as it is something we are looking to employ. 

 

SharePoint: Collapsible sections on modern pages

You’ll have the ability to show page sections in an accordion view (collapsed or expanded) or as tabs. The accordion view will be collapsed by default, but can be set to show expanded.

  • Feature ID: 67147
  • Added to Roadmap: 9/24/2020
  • Last Modified: 7/12/2021
  • Tags: Web, Targeted Release (Entire Organization), SharePoint, Education, Germany, GCC, GCC High, DoD, Worldwide (Standard Multi-Tenant)

Many thanks

 

Alan 

4 Replies

@AJP2019 here's a preview from my demo environment.  I've used a vertical section on the right with single width sections on the left. The titles are configured in the section settings and then I've used text web parts in each collapsible section, you can use other webparts. Works nicely :)

 

Each section can be configured to open expanded or collapsed, your choice. 

 

SteveKnutson_0-1631506796620.png

 

@AJP2019  I wrote two blogs on this topic.

You can find them here:

Copy ModernPage To Another Site – André Salomons (andresalomons.nl)

and

Create HelpPage With Sections – André Salomons (andresalomons.nl)

 

Appreciate your comments or questions.

rgds

André

Thanks Andre, will take a look
Thanks Steve, will have a close look at this :)