Show Pictures with Slimbox in SharePoint

Pictures are an important part of a SharePoint site, it enriched the otherwise plain look and feel. With a little extra effort we can integrate Slimbox to show the pictures in a very slick and modern way.

Solution

1. Download Slimbox2 and jQuery, in this example I used jQuery 1.8.3 uncompressed.
2. Save the files in the Style Library of SharePoint. Note that not all the Slimbox files are required to be stored in SharePoint.
3. Include the jQuery javascript, the Slimbox javascript and the Slimbox CSS to the page, page-layout or the master page.

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<link rel="stylesheet" href="css/slimbox2-rtl.css" type="text/css" media="screen" />

5. Create a picture library and save a couple of pictures to the library. The picture library will provide the necessary thumbnails without any extra effort.
6. Add a CQWP to a page and query the pictures.
7. Create a XSLT that shows the small thumbnails of the pictures, for example in a banner view.

Slimbox Result 1

8. I created two variables for the default SharePoint Thumbnails, Thumbnail_w and Thumnbail_t. And used the following code to show the small thumbnail with a Slimbox link to the bigger thumbnail.

<a href="{$Thumbnail_w}" rel="lightbox" title="{@Title}">
   <img src="{$Thumbnail_t}" alt="alt" class="PhotoAppThumbnail" />
</a>

9. Also note that the title field is added to the Slimbox link, the title will be displayed on the Slimbox overlay.

Result

Slimbox Result 1

Slimbox Result 2


I really wonder if it ever worked with anyone!

Learning SharePointLearning SharePoint

Article by: Mai Omar Desouki SharePoint 2010 was supporting the In-place upgrade, the only advantage I see from this is reducing the required number of environments ya but you still have to take backup right? SharePoint installation is smooth yes but upgrade is not unless your environment is empty! So who would do In-place upgrade […]

This article is copyright © 2013 

The post I really wonder if it ever worked with anyone! appeared first on Learning SharePoint.

SharePoint Toons

Learning SharePointLearning SharePoint

SharePoint Toons SharePoint helpdesk… SharePoint Interview … Have a SharePoint Designer Issue? Who Should you Contact? More SharePoint Toons coming up! Tweet This article is copyright © 2013 

This article is copyright © 2013 

The post SharePoint Toons appeared first on Learning SharePoint.

SharePoint 2013 Editable column in the Dataview and Quickedit

With the dataview and Quickedit view user are able to quickly edit multiple items and columns. The following overview contains a list of which columns are editable. Remember depending on the SharePoint 2013 version and updates different columns might be editable.

Overview

Column Type SP 2013 Cloud SP 2013 Onpremise
Title Editable Editable
Single Text Editable Editable
Multiple lines of Rich Text Editable Editable
Multiple lines of plain Text Editable Editable
Choice Editable Editable
Numbers Editable Editable
Currency Editable Editable
Date and Time Editable Editable
LookUp Editable Editable
Checkbox Editable Editable
Person and Group Editable Editable
Hyperlink Editable Editable
Hyperlink as Picture Editable Editable
Managed Metadata Editable Editable
Task Outcome Not Editable Not Editable
Calculated Not Editable Not Editable
Content type Not Editable Not Editable

Remove Image Path appearing as ToolTip or Alt Text from Images in PDF

Learning SharePointLearning SharePoint

Summary : Remove Image Path appearing as ToolTip or Alt Text from Images in PDF Although this site is dedicated to SharePoint, but today I have a very useful tip about Images in PDFs that I would like to Share. While working on the Weekly newsletter i noticed that when the newsletter is saved as […]

This article is copyright © 2013 

The post Remove Image Path appearing as ToolTip or Alt Text from Images in PDF appeared first on Learning SharePoint.

How to Disable SYNC in SharePoint 2013 Site Collection

Learning SharePointLearning SharePoint

Summary : How to Disable SYNC in SharePoint 2013 Site Collection,Remove SYNC option from SharePoint 2013 Document library SYNC is one of the new options in SharePoint 2013 with which users can make any Document Library SYNC to their Local for the purpose of working with Offline documents. Once the Library is SYNCed users can […]

This article is copyright © 2013 

The post How to Disable SYNC in SharePoint 2013 Site Collection appeared first on Learning SharePoint.

How to add footer in SharePoint 2013 Master page

Learning SharePointLearning SharePoint

Summary : How to add footer Message in SharePoint 2013,add footer in SharePoint 2013 Master page Previously, i wrote an article about how to add “Sticky or Floating” box in SharePoint 2013 site’s Sidebar.We edited the existing seattle.master page to add the sticky box using SharePoint Designer 2013. Similar to that example, in this post, […]

This article is copyright © 2013 

The post How to add footer in SharePoint 2013 Master page appeared first on Learning SharePoint.

Sticky or Floating box in SharePoint 2013 site’s Sidebar

Learning SharePointLearning SharePoint

Summary : How to edit a SharePoint 2013 Master Page in SharePoint Designer 2013, Add Sticky or Floating box in SharePoint 2013 site’s Sidebar,How to add Sticky links in SharePoint 2013 site’s Master Page Often we see Floating Widgets (Navigation or Follow us boxes) that moves as the page scrolls.These widgets are called Sticky or […]

This article is copyright © 2013 

The post Sticky or Floating box in SharePoint 2013 site’s Sidebar appeared first on Learning SharePoint.

Document Library Opens as Compressed Zip file in SharePoint

Learning SharePointLearning SharePoint

Summary : Document Library Opens as Compressed Zip file in SharePoint Recently a strange issue was reported to me where one of the users when Clicked on a Document Library link in SharePoint (View all site content), got a Popup to download the library contents as a Compressed Zip file. User was basically hitting the […]

This article is copyright © 2013 

The post Document Library Opens as Compressed Zip file in SharePoint appeared first on Learning SharePoint.

Breaking SharePoint real Bad

Learning SharePointLearning SharePoint

After watching Breaking Bad (a popular American TV show) last night, i was inspired to write a detailed post on various reasons by which you can Break SharePoint – real Bad. In this pots we will discuss various errors that you can get while navigating you SharePoint site Pages,Master Pages, Lists or Libraries.This applies to […]

This article is copyright © 2013 

The post Breaking SharePoint real Bad appeared first on Learning SharePoint.