Microsoft Sharepoint Web Parts

Picture Lightbox SharePoint Web Part

The "Picture Lightbox" Web Part�displays the content from�the specified Sharepoint Picture Library as a thumbnail array. A preview of each picture can be shown by clicking on the corresponding thumbnail image. The preview also displays the picture "Description" (if such a column is defined in the Picture Library). The Web Part can be used with SharePoint 2010, SharePoint 2013, SharePoint 2016, SharePoint 2019 and SharePoint SE (both 'classic' and 'modern' pages). You can configure the following web part properties: the Sharepoint Picture Library the number of rows and columns to be displayed the thumbnail size Paging support (for large image libraries) Product Price Lightbox�Web Part for SharePoint 2007/2010 30 day Evaluation Version (Release 2.0.18) Free Lightbox�Web Part for SharePoint 2013 30 day Evaluation Version (Release 2.0.19) Free Lightbox�Web Part for SharePoint 2016 30 day Evaluation Version (Release 2.0.19) Free Lightbox Web Part for SharePoint 2019 and SE 30 day Evaluation Version Free Lightbox�Web Part Licensed Version per Server License USD 75.00 Web Part Installation Instructions Deployment� Instructions for SP 2010 Deployment Instructions for SP 2013/2016 Deployment� Instructions for SP 2019 and SE "modern" pages

Installation Instructions:

1. download and unpack the AELightboxWebpart.zip file.
   
2. download the Lightbox Web Part Installation Instructions (PDF file, see above)�
   
3. either install the web part manually or deploy the feature to your server/farm as described in the instructions.
   
4. Navigate to a page where you would like to place the webpart and choose "Site Actions/Edit Page"
5. Add the web part to the appropriate zone. The web part is listed in the "Amrein Engineering" web part gallery section
6. Create a new Sharepoint Picture Library if you do not intend to use an existing Picture Library.
7. Configure the�6 following relevant Web Part properties in the Web Part Editor "Miscellaneous" pane section as needed:
   
   
• Site Name: Enter the name of the site that contains the Spotlight Picture Library:
  - leave this field empty if the Library is in the current site (eg. the Web Part is placed in the same site)
  - Enter a "/" character if the Library is contained in the top site
  - Enter a path if the Library is in a subsite of the current site (eg. in the form of "current site/subsite")
  
• List Name: Enter the desired Sharepoint�Picture Library.
  If you want to display only the�images contained in a specific Library folder, append the folder name (separated by a "/") to the Library name:
  Examples:
  Staff Pictures/Barbeque
  Staff Pictures/Barbeques/2010
  
  If the Picture Library contains an�"URL"�column, this value will be used as a hyperlink for the corresponding picture.
  The link then opens in a new browser embedded in the Lightbox popup box or directly leads the users to the target page (as specified by the "Open Link in Lightbox Popup" setting described further below),
  
  If the URL points to a PDF file, the PDF file will be displayed:
  
  

  ��������

  
  
  
• View Name: Optionally enter the desired List View of the list specified above. A List View allows you to specify specific data filtering and sorting.
  Leave this field empty if you want to use the List default view.
  If you specify a View, please make sure to select (activate)�the "Title", "Description", "Picture Width" and "Picture Height" List columns in your View.
  
• Number of Lightbox columns: Enter the desired number of columns (Default=3)
• Number of Lightbox rows: Enter the desired number of rows (Default=3). If you don't know the amount of pictures in the library and want to display all the pictures, just enter a sufficiently high number (as eg. 999).
• Thumbnail size: Enter the desired size of the thumbnails in pixels (Default=100).
• Picture size: Enter the desired maximum dimensions�(entered as widthxheight) of the picture shown in the lightbox popup in pixels (Default=800x600).
• Enable Paging: Check this property if you want to enable paging.
• Background�Color: Enter the desired background color of the lightbox (Default:white). Use either a hex RGB value (as eg. #FFCC99) or an HTML color name (as eg. orange).
  You can also optionally enter the foreground color (used for the pager) by adding a second color value, separated by a semicolon:
  Example:
  black;white
  
  You can also optionally append the thumbnail background color (default=gray) by adding a third color value, separated by a semicolon:
  Example:
  black;white;orange
  
  
  
  
• Center Thumbnails: this option allows to either center or left-align the lightbox thumbnails
• Fluid Layout: allows a responsive layout (irrespective of the Lightbox grid)
  
  
  
  
• Show Thumbnail Title: optionally displays the image title below each thumbnail image.
  
  
  
• Show Download Link: optionally displays a download link at the bottom of the image pop-up window for easy downloding of the�image:
  
  
  
• Show Folder Menu: optionally display a list of clickable Library folders for interactive selection of a different folder in the same hierarchy. Please note that you need to specify the default folder to be selected via the web part's "List Name" setting.
  
  
  
• Show Date Created: optionally display the picture's "created" date� in�the image pop-up window.
  
• Close Popup on Click: allows to close the picture popup window to close by clicking anywhere on the semi-transparent background.
  
• Open Link in Lightbox Popup: either opens the underlying links (as defined via the optional "URL" library column) directly in a browser embedded in the Lightbox popup or lets the user directly navigate to the target link (this way the web part can be used as an image menu).
  
• Show 'Add New Picture' Button: display or hide the 'Add new picture' link at the bottom. Please note that the link is only visible for users with the corresponding�library "Author" rights.