5/07/2010

SharePoint: List View Styles


The following applies to SharePoint 2007, 2010, 2013, 2016 and SharePoint Online.

Note to 2013 and later users… Selecting any view but "Default" will hide the new command bar at the top of the list/library.
image



List View Styles

If you have been to one of my classes then you know that “If I had written SharePoint…” is one of my often used phrases. Some of these are “big” items, but most are little things that make using SharePoint just a little nicer.  One of those is how the list of Styles is displayed in the View Edit page. See all of that empty space on the left?  It sure would be nice if they had given us little screen captures of what these styles look like so we don’t to try every one of them to find the one we like. Well… they didn’t. So I went and collected screen captures of each Style.

(Make sure you read or scroll to the end as see what the Preview Pane style does!)

   image

Several Lists and Libraries have special Styles

First a note, we are talking about the Standard View here. Calendar views for example do not have optional Styles. Standard Views for calendar lists do have styles. (All Events is a standard view).
Most lists, like Custom Lists and Announcements have these styles:
   image
Picture Libraries add Picture Library Details and Document Details and removes the two Boxed styles:
   image
Document, Wiki and most other libraries add Document Details and removes the two Boxed styles.
   image



Default

This is the default “All Items” view
   Default

Basic Table

Just adds some lines…
   Basic Table

Boxed, no labels

Kind of like mailing labels. This could be a problem if you have non-obvious fields.  For example, which of the dates below is the Create date?
   Boxed, no labels

Boxed

   Boxed

Document Details

This one is basically “Boxed” with the addition of file type icons and a properties button.
   image

 

Newsletter

This looks just like “Basic Table”. Exactly like “Basic Table” for my Announcements list.
   Newsletter

Newsletter, no lines

This looks just like “Default”, so maybe the default is “Newsletter, no lines”!
   Newsletter, no lines

Shaded

Anybody remember “green bar” paper?
   Shaded

Preview Pane

Now this one is kind of cool! The first screen before is when you first display the view. Down the left side of the view you will find the titles of the Announcements, on the right, a “form” to display the data. Click or mouse-over any one item and you will see that data. This is a great way to show a lot of data in a small amount of space.
   Preview Page - no item selected
   image
This is really cool when used with a Picture Library! Slide your mouse down across the left hand column of image names and see all of the details on the right. The only other thing I changed below was to add the Thumbnail field to the view.
  

image

For Developers...

Each view style has an ID number:


0
Basic Table
6
Picture Library Details
7
No name
8
No name
9
No name
12
Boxed, no labels
13
Boxed
14
Document Details
15
Newsletter
16
Newsletter, no lines
17
Shaded
18
Issues Boxed
19
Issues Boxed, no labels
20
Preview Pane



.

18 comments:

B. W. Schneider said...

Thanks very much. Your screen shots saved me about 1/2 hour worth of making 8 different views!

Colleen said...

You saved me bunch of time too. Thank you Mike. My new favorite is "Shaded". Is there a way to reduce the space a given column has in the view?

Anonymous said...

The newsletter style changes the way multiple lines of text fields look when they are in the last position in your list view.

Ryan Dorn said...

Is it possible to use the document details style and have only one item per row instead of two?

Mike Smith said...

Ryan,

Not out of the box, but it you might be able to using SharePoint Designer to edit the XSLT of the view. It might be as simple as adding a <sbr/> in the right spot.

Mike

meusfilia said...

Minor point but in 2010 at least, the "newsletter" style is different from basic or default. It puts first columns in the first row and drops some columns to another row. There are examples here.

Nirav Patel said...

Thanks for this post Mike.
I have a problem regarding this. I am deleting the existing view "All Assets" from Image library and recreating it programmatically with some view fields.
After creating the new view, style is set to Base Table but I want to change it to Default. I am not sure what property to set for this on SPView. I am not able to change view style from edit view page. Please let me know if you have any idea about this.

Ben said...

Is it possible to print a list by view? I have the view as boxed and I want to print each box from the list, one after another. Is that possible? if so, how?

Mike Smith said...

Ben,

You would need to edit the XSLT in SharePoint Designer to create a boxed view that is a single column.

Just a thought, you might try opening the list via Access and creating a report laid out like for mailing labels.

Mike

Anonymous said...

I have a simple list of 8 columns the list column is multi line text.

I want to use the Newsletter Layout so it put the last field (the multi line rich text) on the second line.

When doing this the I get the last field filling up the entire second row. With a line to seperate records.

This is perfect. Verious data fields on the first row and wide multi line text box on the second for comments.

However when you use the Newsletter style have not tested others. All the ribbon editing buttons and the row tick box gets disable. You can not even highlight the record.

Am I doing some thing wrong or is editing disable when you apply style to list views?

Is there a work around for this. As the multi-text box is ugly and unuseable in the Default style. As it ends up crammed and being 12 inchs long and one inch wide.

If I use a style the entire records us uneditable.

Please, what is the solution or work around any one?


Anonymous said...

I would like to use the boxed style but not have 2 side by side. Is there a way of doing this so I get my items underneith each other?

Anonymous said...

Where are these list styles located? I'd like to actually create my own based on another.

Mike Smith said...

The list styles are defined in an XML file on the SharePoint servers here:

C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\GLOBAL\XML\VWSTYLES.XML

Change "15" above to:
2007: 12
2010: 14
2013: 15 (and also 14)

Or just search the server for VWSTYLES.XML.

Mike

RenanM said...

Is there a way to change the default view style from default to a different style globally to avoid going to each library/view? It's such a tedious job if you have 100 document libraries with some having multiple views and going to each view and changing the style.

Mike Smith said...

RenanM,

There's no out of the box way to do that. The style is a property of the View, so you could write a PowerShell Script to change them all.

Mike

Anonymous said...

Thanks Mike. Still lots of us using 2010 stuff - and still invaluable advice. Cheers mate.

pavishwetu said...

How do i ensure first item in list in Preview Pane is showing values automatically and not only after mouseover .

Aamir said...

The NewsLetter styles are effective in Alerts lists. There the fields are displayed as stacked instead of as columns.

Note to spammers!

Spammers, don't waste your time... all posts are moderated. If your comment includes unrelated links, is advertising, or just pure spam, it will never be seen.