Join Mark Abdelnour for an in-depth discussion in this video View styles, part of SharePoint Tips and Tricks.
- [Voiceover] Welcome to this tips and tricks video on working with View styles, one of SharePoint 2013's most overlooked features in my opinion. If you're like me, and you grow weary of the same old look for Views in SharePoint 2013, then this tip will definitely hit home. I wont be covering off all the options available, but we'll zero in on the those I feel are most notable. Let's start with how we go about configuring a View style, and then look at the different ones on the list. First, we're in a document library called Administration.
In order to access the Views for this library, I'd simply click on the Library tab, and from there I can either create a brand new View, or modify the existing View. I'm gonna go ahead and click on Modify View, so we can take a look at the different View styles that are available. Now in order to actually configure the View style, we need to scroll down towards the end of this configuration panel, and there you'll see an option called Style. Now, it's a little bit hidden away because its collapsed.
If you go ahead and expand it open by clicking the little plus sign to the left of it, you'll see that it gives us a View style window or box where there are several options listed. Let's start at the top, Basic Table. This one I typically call "good old faithful", it's the Standard Basic View, and its the one we're all used to seeing displaying items in a very familiar row pattern. So for that one, I'm not gonna go ahead and apply it, because we've seen that one already. Let's go to the next one in the list, Document Details.
This View style takes all the document data and lists it in a small box based on the column order specified by the user. So, I'm gonna go ahead and select and click on Okay, so we can see what it looks like. You can see that it looks considerably different and it follows a similar layout to business cards. This View is especially useful when you have a lot of data and want to avoid having to scroll right and left to see all the columns. Let's take a look at another View style. We're going to return to Library, click on Modify View, and again I'll scroll down to the Style section and expand it out.
Now after Document Details, you'll see there are two more that are fairly similar, Newsletter and Newsletter No Lines. Let's go ahead and look at the one called Newsletter. When this View finds a column with a Library that supports multiple lines of text like your typical Description field, it will wrap it to a second row making it much easier to read, rather than all cramped into a single thinner column. You'll also notice that it produces lines between each of the documents also making it easier to see which files are in the Library.
Okay, let's move on to another View style. I'm going to click on Library, Modify View, and I'll scroll back down to that section. Now I mentioned that the one we just looked at was Newsletter. The one right after is the exact same thing, except it doesn't have the line dividers between the files. The next one is called Shaded. Again, I'll select it and click Okay. Now this view displays items in rows of alternating shades without the lines between the rows.
This one also makes it easier to view the files in a Library and in my opinion adds a little bit of sophistication to the look of the documents. I'll return to Library, click on Modify View, and we'll look at one more. Scroll back down. Click on Style. And the one that I want to bring attention to now is this one here called Preview Pane. Now this style always creates some sort of buzz because it really turns Views upside down in terms of how they appear.
So I have it selected, I'll click Okay. And now you'll notice something that looks completely different from any other Style that we've seen. By hovering my mouse over a file name, you'll notice that all the details of that file appear on the right side. This would be a great View to use if you were applying it to a Contacts list. I'm gonna return to Modifying the View, and we'll expand it out once more. And let me just mention as well, that the last option on the list is this one here called Default.
Now this is the Default View which has been set or configured as the default for that library. So this is the one that you typically see whenever you click on a library name. As a closing point, please note that the View styles I just presented are not all available for all Views. These View styles are available for Standard Views, and not necessarily Calendar or Gantt Views as an example.