<< SharePoint 2019/SE 'Modern' Web PartsTable of contents 
Tabs & Accordion Web Part

The Tabs & Accordion List web part helps you to save screen space, focus attention and have more content available instantly with only one click.

The web part groups list items by a group field you select in either accordion or tabs style and displays the list items of only one group at a time. Thus is allows to focus the attention of the user to specific information.

Moreover it allows you to format group fields and list items with HTML and CSS code and add informative words. Thus lists can be presented in fully customized and user friendly way.

For more details please see /apps/page.asp?Q=5917
Sharepoint 2019 Modern Tabs & Accordion Web Part

Web Part Configuration:

enter the optional web part title

Web Part:

enter the below configuration options:

site=SiteUrl (optionally enter a site URL)
list=TeamCalendar (enter the name of the Sharepoint calendar)
view=SomeView (optionally enter the name of the list view)
template={Title} (defines the columns to be displayed)
groupby=Category (defines the column to be used for grouping)
type=Accordion (either enter "Accordion", "Tabs", "Tiles" or "Cards")
groupcss=color:white (enter the CSS to be applied to the group headers)
itemcss=color:red (enter the CSS to be applied to the items)
css=background:silver (enter the CSS to be applied to web part)
target=1 or 2 (1=open links in new browser tab, 2=open in same browser tab)

Web Part Configuration
Webpart Homepage & Download »

Please enter a comment below if you want to give feedback or have suggestions for improvements:

User Comments Post a Comment 

6/1/2022 10:53 

It is possible to have two group by ?
Example :
>Title 1
>>Sub-title 1.0
>Title 2
>>Sub-title 2.0

With my best regards,
6/1/2022 13:23 
the web part currently only supports a single level of expansion.