Friday, September 5, 2008

WSS Alter thumbnail size in picture gallery with Sharepoint Manager 2007 and Change background Color of thumbnail and border

The default size for thumbnails picture libraries is contained in
C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\FEATURES\PictureLibrary\PicLib\schema.xlm.

Find ThumbnailSize="160" WebImageWidth="480" WebImageHeight="640
and change it here. This will be used for any NEW picture library you have created.

For an exisiting picture library you have already created download Sharepoint 2007 Manager, a good tool for looking at the inards of Sharepoint WSS or MOSS 2007.

Open it up aqnd go to your site collection, lists and find say Marketing Picture Library (or whatever you called your library). There is a thumbnail property of 120 , I set it to 80.
You can change WebImageHeight and WebImageWidth for resizing the WebPreview if you want.

Go file Save Change to Sharepoint

Refresh your picture library and it is now resized!

Change Background Color of the thumbnail
The dark grey is a bit too much , you can change it via CSS (a whole other story)
*** Note CSS for the site should have its own custom css file as upgrades can wreck changes ****
There are two items that need tweaking:

img.thumbnail
Color behind thumbnail in the Picture Preview area of the left navigation area in a picture library.
.
.ms-imglibthumbnail
Background for thumbnails in Thumbnails view. Border color should be the same as for img.thumbnail style above. Ensure has border that is solid, 1px and #E7E3E7

Edit these in core.css in
C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033\STYLES

img.thumbnail{border:solid #E7E3E7 3px;}tr.ms-imglibselectedrow,tr.ms-highlight{background-color:#f2f2f2;}
.ms-imglibthumbnail{background-color:#F7F7F7;border:solid #E7E3E7 1px;}

1 comment:

Anonymous said...

JFYI - a solution for thumbnails preview in SharePoint 2010/2013.
Note it allows to generate preview in SharePoint libraries both for images and files (.doc, .xls, .pdf, etc).