I am working on migrating a page from classic page to a modern page. Today I am displaying several summary links web parts as tabs (Hillbilly tabs) on a classic page. In each summary link tab I am showing the links for a specific category/project with a nice formatting. So the user just clicks the desired tab to have access to the correct links.
In order to migrate this function I have created a modern list, with the columns Project
, Item Link
and Link Type
. Then I created a view where I grouped the list by Project. So the modern page is now displaying a modern list which looks like this:
-> Project : aaa (6)
-> Project : bbb (9)
-> Project : ccc (5)
I do not think an end-user would understand how to use this, especially not with a confusing number last... The counting of the links is nobody interested in in this case.
With the new list/view formatting capabilities of SharePoint, I have seen that it is possible to present list items as cards and I thought that this is probably the closest to a tabbed view that I can get in our new SharePoint environment with a modern page.
So the idea is to present the projects as cards and displaying the links in groups or with different pictures depending on their types.
I have browsed the examples at https://sharepoint.github.io/sp-dev-list-formatting/ but most of the examples seem to do formatting on lists on the item level. How can I use the examples if I have a grouping aspect in my list? I mean if I have 6 links in project "aaa" then I do not want to show the project name 6 times (on 6 different cards), which will be the case if formatting is done item-by-item. I would like to have the project name as the title of the card and then all links associated with this project listed on the card. Any ideas on how to proceed?