Skip to main content

Image Gallery

Summary

The Sproket Image Gallery web part allows you to display a group of selected images in different layouts of your choice. This web part also provides you a preview option.
When your page is in Edit mode, click the icon, search for "Sproket Image Gallery", and select the Sproket Image Gallery web part from the results.

Image Carousel

Features

  • Upload images into a SharePoint document or picture library
  • Display images in a grid layout based on columns or rows
  • Lightbox to browse through images
  • Download individual image
  • Unlimited amount of images
  • Reference a document library in another site collection

Configurations

After you select the Sproket Image Gallery web part, click the Configure Web Part button or icon on the menu on the left of the web part to open the Configuration section on the right. In this section, you can perform the following configurations:

  1. On page 1, configure the following in the Display Options section:

    FieldDescription
    Show TitleClick to enable title display of the web part.
    Show in PanelClick to enable display of items in panel.
    LayoutClick the drop-down list and select layout as Columns or Rows.
    Images Per RowEnter the number of images per row.
    Open Gallery in New tabEnable to open the gallery on a new tab, when you click Go to Gallery button. If this option is disabled, the list will open on the same page.
    Maximum number of itemsEnter the maximum number of items that you want to include on a page.
  2. Click Next to navigate to page 2. On this page, configure the following in the Query Options section.

    Fields marked with red asterisks (*) are mandatory. {:.info}

    FieldDescription
    Site URLClick the drop-down list and select a source site.
    Web URLClick the drop-down list and select a source web.
    List TitleClick the drop-down list and select a source list.
    Order ByClick the drop-down list and select a field value based on which you want to order the documents.
    Show items in ascending order/Show items in descending orderSelect from one of the options to order the list based on ascending or descending order of the field value selected in Order By field.
    Query within foldersEnable to allow querying within folders.
    Group ByClick the drop-down list and select a field value based on which you want to group the documents.

    Using Filters

    Filters enable you to control the document listing. Sproket offers you the following filter options:

    1. Use Query Strings
      To use the query string, add [PageQueryString:Parameter] to the 'Value' text box of each filter. To use the property bag, add [PropertyBagKey:Key] to the 'Value' text box of each filter. You can also use the current url with [CurrentPageUrl].
    2. Use Expressions
      To use expressions, click Add Filter button and in the pop-up, select values for Field, Operator, and Values. You can use And/Or conditions to define multiple expressions.

    Click Add button on the web part to add images to the gallery. You can select images using the following options:

    1. Click Add button on the web part to add images to the gallery. You can select images using the following options:

      OptionDescription
      RecentSelect from the list of recent images used in the site.
      Stock ImagesSelect from a list of stock images listed in categories. You can also search for images among these.
      Web searchPerform a web search and find images. You are also provided with an option to select from predefined categories.
      One DriveSelect images from your connected OneDrive account.
      SiteView all the folders available on your site and add available images.
      UploadEnables you to browse and upload images from your computer.
      From a LinkEnter a web URL to add an image. For example, paste a link to an image in OneDrive for Business or SharePoint Online.
    2. Once the required images are selected, click Open button to add the images to the gallery.

    3. After the images are added to the gallery, click the icon on the menu on the left of the web part to open the Configuration section on the right. In this section, you can perform the following Layout configurations:

    Brick Layout

    • View the images as organized icons by keeping aspect ratio of the actual size.
    • Click icon to add a title, caption, and alternate text for the image.
    • Click icon to remove an image from the gallery.

    Grid Layout

    • View the images as perfect square icons.
    • Click icon to add a title, caption, and alternate text for the image.
    • Click icon to organize images in the gallery.
    • Click icon to remove an image from the gallery.
    • Click the drop-down list in Aspect ratio field and select from the following options:
      • 1:1 square
      • 16:9 wide
      • 4:3 standard
    • View the images in enhanced preview mode.
    • Click icon to add a title, caption, and alternate text for the image.
    • Use or icons to view previous and next images, respectively.
    • Click icon to remove an image from the gallery.
  3. Once all the required updates and configurations are performed, click Republish button to publish the page.

FAQs

1. How many images can I upload to the Sproket Image Gallery web part?
As of now, there is NO LIMIT set for the number of images that you can add to the gallery.