Multiple tile view and list tabs 1 of 2 (en)


Multiple tile view and list tabs  of  en Title

I guess most people are familiar with promoted links and the tile view.

But have you ever wanted more than one tile view? Here I am going to show you how to get more out of it.

This post is part 1 of 2 so you can check out the next part which is about “How to show you webparts/views in tabs” here soon.

Let’s start part 1.

Go to your site where you want your promoted links and within the site contents click on “Add an App”

Multiple tile view and list tabs 1 of 2 (en)_1

Next give you list a name and click on save (in this guide I used the name “Links”).

Multiple tile view and list tabs 1 of 2 (en)_2

Open the new list and click on “All Promoted Links”.

Multiple tile view and list tabs 1 of 2 (en)_3

Now create a new item (1), fill it out as your requirement and click on save (2).

Multiple tile view and list tabs 1 of 2 (en)_4

I created now a few more to show you later how you can filter your tile view.

Multiple tile view and list tabs 1 of 2 (en)_5

Click on list and create a new column.

Multiple tile view and list tabs 1 of 2 (en)_6

This column will help us in a few moments to filter the tiles. I used the column name “Category”, clicked on “Choice” and the three values are “Blog, “Search” and “Community”.

Multiple tile view and list tabs 1 of 2 (en)_7

Now edit your list (I recommend the quick edit mode) and set the values.

Multiple tile view and list tabs 1 of 2 (en)_8

If you now look at your tile view it should look quite similar to this:

Multiple tile view and list tabs 1 of 2 (en)_9

Now the important part:
Click again on list and then on “Create View”.

Multiple tile view and list tabs 1 of 2 (en)_10

As you can see there is now way to choose the tile view but if you choose Custom View in SharePoint Designer the view will be a tile view!

Multiple tile view and list tabs 1 of 2 (en)_11

Now SharePoint Designer will come up and asks for the view name. Give the view a name e.G. “BlogTiles” and click on OK.

Multiple tile view and list tabs 1 of 2 (en)_12

After that you can close SharePoint Desinger. I did this approach for all my Categories. (Blog, Search and Community)

Multiple tile view and list tabs 1 of 2 (en)_13

Now the filter part which is like in every list view. Make sure that you are in the view that you want to filter and click on “Modify view”.

Multiple tile view and list tabs 1 of 2 (en)_14

Scroll down a litte and set the filter options as in the following picture and save it:

Multiple tile view and list tabs 1 of 2 (en)_15

If you now go back to your view only the tiles from you choosen category are shown.

That’s it! Hope you liked part 1 of multiple tile view. In the next part I will show you how to switch between those views in a great tabbed view.
This will also work for different webparts (different lists, CEWP…). Check part 2 out here.

If you liked this post we would appreciate if you share it in your social networks.

Also you can follow us on Facebook or Twitter there to keep on track about new posts.

Leave a Reply

Your email address will not be published. Required fields are marked *