Change Thumbnail View of Picture Library to Show Specific Fields

Hi
I am looking for an example to add other fields than Title and Name as in this thread but from other fields in my list ..
Thread
Can anyone supply me with an example ?
Thanks in advance
BR
Erik

Hi Erik,
First of all, you should get item ID using F12 in Thumbnails view, then use JavaScript to retrieve information of list items. Then you could fill in the fields you would like. Here is the reference for retrieving method:
http://msdn.microsoft.com/en-us/library/office/hh185007(v=office.14).aspx
Regards,
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected] .
Rebecca Tu
TechNet Community Support

Similar Messages

Lost thumbnail view in iPhoto Library

I've been working on a very large iMovie project which is not going so well and somehow I lost my thumbnail views next to the iPhoto Library Source. I have tried everything, and like when I click on "View" I cannot highlight "show thumbnails". I have researched topics and found one that talks about the Pictures Folder & what folders contain what, and nothing on how to get my thumbnails back. It is almost impossible to organize without them. Help please, I don't know what happened.
Thank You,
Marge

Marge,
In the view menu, "show thumbnails" is only an active option when you are in one of iPhoto's edit modes: it refers to the horizontal strip of thumbnails that can be shown (or hidden) across the top of the iPhoto window. When you are viewing your library or an album, it is normal for this option to be gray.
That being said, what do you see in the iPhoto window? Are any of your photos visible? Do you have blank gray squares? Have you tried using the slider in the bottom right of the window to change the size of the thumbnails (if this is all the way to the right you will only see one photo at a time).
Have you ever used the Finder to change anything in your iPhoto Library folder in any way? (This includes renaming and moving files or folders.) This causes big problems, so if you have, post back with some details and we'll try to help you repair the damage.
If iPhoto is acting quirky you can delete its preference file, com.apple.iPhoto.plist. Find it inside Home/ Library/ Preferences. Then when you launch iPhoto your preferences will be reset to their defaults, so you may need to reset them back to your liking.
One more thing to try is a database rebuild. Hold the Command and Option keys while launching iPhoto. Check the first 3 options and let it work. It can take a few minutes. This process allows iPhoto to recreate its database file, which can improve performance and stability if that file was causing problems.
Post back with some of the above info, and we'll go from there.

Thumbnail view in picture folders???

I don't use iPhoto, because I have entirely way too many pictures, so therefore I store them all in folders on my external hard drive. When I open a folder, all I see is a bunch of J-PEG files and the only way to view them is to select all and open with preview. Is there any way to get a thumbnal view of these images?

This works for me. In Finder open the folder you wish to view. Click in the finder toolbar the icon view. Now you should see icons in the window. Right click anywhere in the window. Pick *Show View Options*. When the *View Options* window opens choose *show Icon Preview*. This should make all the picture thumbnails change to a picture thumbnail.

I have many photos that are visible as thumbnails in the Pictures Library, however when I try to open them in a big screen they show a back screen with an exclamation mark in a triangle. What does this exclamation mark mean ?

I can see my images in the libarary as thumbnails but when i try to edit/email some of them become Exclamation Marks in a triangle.
What does the exclamation mark mean and how to i retrieve the photo

The exclamation make is an indication that iPhoto has broken the file path to the original photo.
Make a temporary, backup copy (if you don't already have a backup copy) of the library and apply the two fixes below in order as needed:
Fix #1
Launch iPhoto with the Command+Option keys held down and rebuild the library.
Select the options identified in the screenshot.
Fix #2
Using iPhoto Library Manager to Rebuild Your iPhoto Library
Download iPhoto Library Manager and launch.
Click on the Add Library button, navigate to your Home/Pictures folder and select your iPhoto Library folder.
Now that the library is listed in the left hand pane of iPLM, click on your library and go to the File ➙ Rebuild Library menu option
In the next window name the new library and select the location you want it to be placed.
Click on the Create button.
Note: This creates a new library based on the LIbraryData.xml file in the library and will recover Events, Albums, keywords, titles and comments but not books, calendars or slideshows. The original library will be left untouched for further attempts at fixing the problem or in case the rebuilt library is not satisfactory.
OT

Is it possible to change the color of the text in one specific field?

If I want to make someone's mobile number show up as the primary contact, is it possible to make the text for that number a different color or make it bold? I can't seem to find a way to do it.
Thanks.

Make a Shape > Inspector > Graphic > Tinted Image Fill > Scale to fit > browse to image > click on the color patch to change the color to what you want
or
Drag in an image > overlay it with a Shape > select the color for the shape and change its Opacity
Shapes may have Gradient and Advanced Gradient (multiple colors) fills both linear and radial. Both are in the Graphic Inspector as is Opacity.
Peter

Modifying hover over information in thumbnail view in SharePoint 2013

I am looking for a solution to be able to change hover over information in thumbnail view of the picture library in SharePoint 2013 replacing the Name/Title caption with a different field ( in my case it is "Source ID").
Can any one help me with that?

Hi Paul,
please refer the thread
http://social.technet.microsoft.com/Forums/sharepoint/en-US/b8fdb57c-2a24-49ba-ae9d-905da3652ebf/modify-thumbnail-view-of-picture-library?forum=sharepointcustomizationlegacy
C:\Program Files\Common Files\Microsoft Shared\web server extensions\15\TEMPLATE\LAYOUTS\1033\IMGLIB.JS
and saw that InsertItem called the CItem function/constructor, and that the Item object that it was creating had a Caption property. So I changed that property from "this.caption=baseName;" to "this.caption=titleStr;".
After restarting IIS and refreshing my page I was now looking at the Title field instead of the name field in the Thumbnails view of my Picture Library.
Anyway, thanks to all who contributed... i've been working on this problem for a long time and am glad to have finally solved it. Hopefully this post will be helpful to others.
Please remember to click 'Mark as Answer' on the answer if it helps you

Thumbnail View of Photos

I have added some photos into a file under my document library (I can switch them to a image folder if needed), and I want to be able to see a thumbnail preview of the image. I am having issues finding how to make the thumbnail view an option.
I am new to using Sharepoint and could really use the help!
Thank you!

Firstly use Picture library for uploading photos and then use the view -
http://office.microsoft.com/en-us/office365-sharepoint-online-enterprise-help/work-with-photos-in-a-picture-library-HA102841687.aspx
There is a good discussion on this on this forum discussion- http://social.msdn.microsoft.com/Forums/en-US/b8fdb57c-2a24-49ba-ae9d-905da3652ebf/modify-thumbnail-view-of-picture-library
Alternatively use Asset library, which uses thumbnail view by default -
http://office.microsoft.com/en-us/office365-sharepoint-online-enterprise-help/set-up-an-asset-library-to-store-image-audio-or-video-files-HA102785730.aspx
Hope this helps!
Ram - SharePoint Architect
Blog - SharePointDeveloper.in
Please vote or mark your question answered, if my reply helps you

Adobe Illustrator thumbnail view in a Picture Library?

We are using Adobe Illustrator and we need to see the thumbnails in a picture library. All of the other images work, but not the AI files.
We got the 16x16 icons added for AI for the details view, but we haven't been able to figure out where the thumbnail's are generated from. Searching the internet hasn't worked yet, (must not have the right combination of search words), so I'm hoping
that someone here can offer some suggestions.
If anyone knows how to do this I would greatly appreciate hearing it.
Thanks.
Ted

Hi,
According to the description, I know the .al files generated by Adobe Illustrator cannot be displayed in thumbnail view in a SharePoint Picture Library. Please correct me if I misunderstand.
Per Graphic formats that are supported for thumbnail creation in a Windows SharePoint Services picture library
The following graphic formats are supported in a Windows SharePoint Services picture library. You can create thumbnail images of files that use any of the following extensions:
.gif, . jpeg, .jpg, .jpe, .jfif, .xbm, .bmp, .dib, .png, .wmf, .emf, .tif, .tiff
Please understand that this forum is for SQL Server techniques. If you have any question about SharePoint, you initial a new thread in our SharePoint forum via the below link.
http://social.msdn.microsoft.com/Forums/office/en-US/home?forum=sharepointgeneral
For Adobe licensing related issue, it is recommended to ask the question on the Adobe forum for further discussion.
https://forums.adobe.com/community/illustrator
The reason why we recommend posting appropriately is you will get the most qualified pool of respondents, and other partners who read the forums regularly can either share their knowledge or learn from your interaction with us. Thank you for your understanding.
Hope the issue will be resolved soon.
Tracy Cai
TechNet Community Support

How to display the thumbnail view of the documents in Sharepoint Document Library

Is there a way that we can have the thumbnail view of the documents that are uploaded in SharePoint Document Library. We have thumbnail feature in Picture Library but can we have the same in Document Library too. Documents includes Words,Excel,PDF.
Any Suggestions Please

Hey Mike,
Good post, I'd be curious to see if anyone has used the GD Picture SDK with SharePoint, maybe there would be some sample code.
Hey Kukdai,
Developing your own solution would potentially provide a better way to accomplish your task, but before setting out on that long road you may want to try the simple customization, it's less time consuming and it will help gauge your customer's interest and
support.
Also, there is a wealth of open source code for SharePoint available on CodePlex, you might want to check that out as well. Here is the linK:
http://www.codeplex.com/
Also, here is an interesting project to consider for your task:
http://enhancedpicture.codeplex.com/
I hope that helps!
Tom Molskow SharePoint Architect - If I solved the issue please propose my reply as the answer - Thanks!

How can I fix the image size in a "Picture Library Slideshow Web Part"

When I upload images to be used in the Slideshow Web Part they become skewed because they are different sizes. Is there a way to fix this besides uploading images that are all the same size?
Thanks,
Kathleen

http://webcache.googleusercontent.com/search?q=cache:bfUcFkD_bxgJ:spcodes.blogspot.com/2012/08/display-slide-show-images-within-fixed.html+&cd=4&hl=en&ct=clnk&gl=in
Display Slide Show Images within fixed size
The Picture Library Slide Show Web Part show the images stored in a picture library with slide show effect.
This slide show web part displays the images with it's original size. Due to this the web part changes its size according to the image size. If we want the slide show to run within the specific size on the page then we need to control the size of the images
to the fixed length during runtime.
To achieve this we need to add the CEWP above the picture Library Slide Show web part & insert the following script in that web part.
<style type="text/css">
.ms-WPBody TD {
    PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING- WIDTH: auto !important; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT:
auto !important; VERTICAL-ALIGN: middle; BORDER-LEFT-WIDTH: 0px; PADDING- 0px
.ms-WPBody TD DIV {
    PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING- WIDTH: 100% !important; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT:
auto !important; VERTICAL-ALIGN: middle; BORDER-LEFT-WIDTH: 0px; PADDING- 0px
.ms-WPBody TD IMG {
    PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING- WIDTH: 260px !important; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT:
190px !important; VERTICAL-ALIGN: middle; BORDER-LEFT-WIDTH: 0px; PADDING- 0px; align: center
.s4-wpcell-plain {
    PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING- WIDTH: 100% !important; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT:
auto !important; VERTICAL-ALIGN: middle; BORDER-LEFT-WIDTH: 0px; PADDING- 0px
.ms-PartSpacingVertical {
    MARGIN-"color:#783f04;font-family:'Courier New',Courier,monospace;" />}
.style1 {
    COLOR: #808080
}</style>
We can fix the height & width of the image in the .ms-WPBody TD IMG css.
http://sharepoint.stackexchange.com/questions/66028/picture-slideshow-web-part-image-size-too-small
How to display original images in SlideShow web part
Step 1. Save below JavaScript code to file, for example in SlideshowObjectInitializer.txt and upload it to SiteAssets Library
<script type="text/javascript">
function SlideshowObjectInitializer() {
ShowPic = (function(ShowPicOrig) {
return function() {
var ssObj = arguments[0]; //SlideShow object
var curPicIdx=ssObj.index; //current picture index
ShowPicOrig.apply(this, arguments); //call original ShowPic
//apply some changes to display original picture in SlideShow control
ssObj.image.src = ssObj.linkArray[curPicIdx]; //display original image instead of web image
//change picture & container size to auto instead of fixed (by default web image size is used)
ssObj.image.setAttribute('height','100%');
ssObj.image.setAttribute('width','100%');
var cell = ssObj.cell;
cell.style.width = 'auto';
cell.style.height = 'auto';
cell.style.display = '';
var pcell = ssObj.cell.parentNode;
pcell.style.width = 'auto';
pcell.style.height = 'auto';
})(ShowPic);
ExecuteOrDelayUntilScriptLoaded(SlideshowObjectInitializer, 'imglib.js');
</script>
Step 2. Add CEWP on page where Slideshow web part is located and in the Content Editor tool pane, under Content Link, type
/SiteAssets/SlideshowObjectInitializer.txt.
If this helped you resolve your issue, please mark it Answered

Unable to view conversation pictures in specific c...

Using the newest version of Skype (7.0.0.102), in most group conversations, I am able to change the concersation picture and have it update immediately. However, in others, attempting to change the picture results in no change on my end. One user in the chat is showing that it is not changing; however someone else had it update. I'm not quite sure where the issue is. Is there something that I'm missing here?

With older Skype versions (6.21 and older) you can change and view profile pictures of old P2P group chats, but not the new Cloud-based chats.
With the latest Skype versions, the situation is the opposite. The new Cloud-based profile pictures can be edited and viewed, while the old P2P not.
http://community.skype.com/t5/Windows-desktop-client/Cannot-change-Group-Pictures/m-p/3798175#M31801...

Change Preview Image at Callout (Video library Thumbnails view) to another DOM elements

Hello,
Is it possible to change DOM of the already existiong Callout for Thumbnail View at Video Asset Library?

Hi,
To change the layout of the Callout, we can apply custom style to it like the following thread:
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/1ebc65d3-75b6-4851-a704-5bf412f25a34/customization-in-style-of-calloutjs-sharepoint-2013?forum=sharepointcustomization
Or you can take use of the callout.js to create a custom Callout:
http://www.learningsharepoint.com/2012/12/30/the-new-hover-overpreviewcallout-popups-in-sharepoint-2013/
http://blog.alexboev.com/2012/07/custom-callouts-in-sharepoint-2013.html
Best regards
Patrick Liang
TechNet Community Support

How to Show Image form Library with Thumbnail view on visual Web part page using XsltListView web part?

<WebPartPages:XsltListViewWebPart ID="XsltListViewWebPart_AppWeb"
runat="server" ListUrl="Lists/MyList" IsIncluded="True"
NoDefaultStyle="TRUE" Title="XsltListView web part" PageType="PAGE_NORMALVIEW"
Default="False" ViewContentTypeId="0x">
</WebPartPages:XsltListViewWebPart>
For any List it work fine but for Image form library its not working:
My url: http://sitename:portname/PublishingImages/Forms/AllItems.aspx
Please provide Solution.
Question:How To show image library with thumbnail view in Visual Webpart using xslt webpart.

Is it throwing any error?
do you set correctly the ListUrl parameter? in this case it will be "PublishingImages"

My pictures are not showing up as icons in the library.

My pictures are not showing up in the library as icons. They are still there, but I have to guess which one is which and when I click on one, I can see it. This is only for the pics I have taken for the last few weeks. My older pictures I can see as icons. How can I fix this?

Hi dlaporte73,
Does removing and reinserting your battery help? Is this happening when your BlackBerry Torch smartphone is in portrait view or does it happen in landscape view also? This KB article may provide more information. "Thumbnails appear blank in the picture viewer of the BlackBerry Torch smartphone" http://blackberry.com/btsc/KB23935
Let me know if that helps.
-FS
Come follow your BlackBerry Technical Team on Twitter! @BlackBerryHelp
Be sure to click Kudos! for those who have helped you.
Click Solution? for posts that have solved your issue(s)!

Picture Library : upload image with same name overwrite the image in thumbmail or WebVersion view but not the actual image link points to the old image

Hello,
I am facing a wired issue with Picture Libraries in SharePoint.
We created a custom field and added it to UserInfo list, the column based on custom field lets user upload their personal images to a Picture Library with the name <User ID>.<Image Extension> e.g. 1.jpg where UserID is internal Listitem ID of the UserInfo list and set its URL to the field value which we use to display the image on our custom user profile and some other WebParts.
If the user uploads a different image, it will overwrite the existing one it keeping the same name.
The field worked perfectly with sites using widows Based authentication, but as we move the field to sites with form based authentication we find that the field is able to upload the image properly first time but on each successive upload, although a new image gets uploaded with the name userid.imagextension and is shown in the allitems.aspx page in the thumbnail view and in the picture preview on the dispform.aspx page, but the link next to the name field and the image shown on clicking the preview points to the old image.
To put it other way
https://<Web URL>/Picture%20Library/_w/Upload_jpg.jpg
https://<Web Url>/Picture%20Library/_t/Upload_jpg.jpg
Would show the updated image
but the actual URL
https://<Web Url>/Picture%20Library/Upload.jpg
points to the old image
what’s even more strange is that even after deleting the image the url still shows the old image at
https://<Web Url>/Picture%20Library/Upload.jpg
I confirmed the same by actually repeating the same exercise on a picture Library in the User Interface
Uploading an image say upload.jpeg in the picture library using SharePoint interface.
Then uploading a different jpeg image keeping the same name upload.jpeg again in the picture library.
In allitems.aspx thumbnail view and on dispform.aspx page preview filed image now show the newly uploaded image but when you click the preview image or click the link in the name field value it takes you back to the old image.
I have seen this issue on environment where we have enabled form based authentication and the issue is not seen on another server where we have wss with windows based authentication.
Has anyone noticed such behavior and is there any workaround to that!
Thanks & Regards
Saurabh Rustagi

All,
I had the same issue.
In my case, Blob Cache was enabled for the web application in which the image issue was occuring.
I cleared blob cache, and after doing a hard refresh of my browser, the correct image was then displayed.
To clear blob cache, do the following:
Navigate to:
http://yourwebapp:port/yoursite/_layouts/objectcachesettings.aspx
Select: "Object Cache Flush" and "Force all servers in the farm to flush their object cache" check boxes
Click the OK button
Hope this helps.

Change Thumbnail View of Picture Library to Show Specific Fields

Similar Messages

Maybe you are looking for