The gallery asset is a media management system that takes the standard photo gallery to the next level. It provides thumbnails, albums, ratings, cross linking, tagging, and more for images.

To create a Gallery, you first add the Gallery asset, then create a number of albums within the asset to display photos. From the Gallery asset main screen, you can access any album that has been added to the Gallery by clicking on the album title or thumbnail.

 

 

1. To add a Gallery to the page, select Gallery from the New Content menu. The “Add Gallery” screen will open.

 

 

2. Give the Gallery a title in the “Title” field.

3. The “Menu Title” field is the title of this asset as it appears in the site navigation. If left blank, WebGUI will simply insert the title from the “Title” field here.

4. You can create a URL for this asset in the “URL” field, or you can leave this blank and WebGUI will create one for you.

5. The “Description” field is an area in which you can enter content that will be displayed between the title of this Gallery and any content added to it.

6. The “Image Resolutions” field allows you to select the size of images available for the user to download. This indicates the maximum height or width the image will be allowed to have. These download resolutions will be made available in the Photo Details screen. WebGUI will upload the original image file, and from that file will create additional images according to the selections in this field. Understand that this will take up disk space.

7. The “Image Size View” allows you to designate the size of images displayed in the Gallery. This field will default to the Image Size set by system administrators in the site settings.

8. The “Image Thumbnail Size” determines the size of thumbnails displayed for this Gallery. Again, this will default to the thumbnail size set by system administrators in the site settings.

9. The “Max Disk Space Per User” allows you to set the maximum amount of disk space each user is allowed in this Gallery.

10. There are three Rich Editor fields near the bottom of the screen: Rich Editor for Albums, Rich Editor for Files, and Rich Editor for Comments. You can select a specific rich editor for use in each of these submit forms. If a special Rich Editor was created for this asset, it would appear in these drop down menus.

 

 

11. The Display tab contains a number of options for controlling the appearance of the Gallery, including many templates.

 

 

2.  

   1. Hide from navigation?: if set to Yes, this asset will be hidden in the site's navigation.

   2. Open in new window?: if set to Yes, this asset will open in its own browser window when viewed independently.

   3. Display the title?: if set to No, the title of this asset will not be displayed on the page.

   4. Style Template: this is the style in which to view this asset when viewed independently. If this asset is part of a container asset, such as a Page Layout, the container asset's style will override this.

   5. Printable Style: allows you to select a printable style for this asset, which is usually a pared-down, simplified version.

   6. Template to Add Multiple: this is the template for the form displayed when adding an archive of files to the Gallery.

   7. Template to Delete Albums: this template displays a confirmation to ensure an album is intended to be deleted.

   8. Template to Delete Files: this template displays a confirmation to ensure a file is intended to be deleted.

   9. Template to Edit Albums: this is the template of the add/edit screen of an album.

   10. Template to Edit Comments: this is the template used for the edit comment screen. If the creator of an album allows it, album visitors may post comments to the album; this is the template used to do so.

   11. Template to Edit Files: this is the template used for the add/edit screen for files within an album.

   12. Template to List Albums: this template is used to display a list of albums contained within the Gallery asset.

   13. Template to List Albums RSS: this template is used to show an RSS Feed of albums in the Gallery.

   14. Template to List Files for User: this template will display all of the files and albums for a specific user.

   15. Template to List Files for User RSS: this template will list the RSS Feed for all the files of a specific user.

   16. Template to Cross Post Files: this template displays the form used to cross publish a file to another album.

   17. Template to Search: this is the template for searching the Gallery and displaying search results.

   18. Template for Slideshow: this template displays all the images in an album as a slideshow.

   19. Template for Thumbnails: this is the template used to display images in an album as thumbnails.

   20. Template to View Album: this is the template used to display the default view for albums.

   21. Template to View Album RSS: this is the template used to display the RSS Feed of a single album.

   22. Template to View a File: template used to display a specific file's details and comments.

   23. Default View: from the dropdown menu, select if you would like the default view of the Gallery to be a single album, or a list of all albums in the asset.

   24. Default View Album: this allows you to select which album will be the default view if you choose to make the Default View (above) a single album. You can click on the light gray box to the right of the field to open a screen from which to select if you have more than one album in the gallery. Use the crumbtrail navigation at the top left corner of the screen that appears to navigate to the Gallery asset, then click the [Select] link next to the album you would like to be the default view.

   25. List Albums Order By: if you choose to make the default view List Albums, you can select to display them in order by creation date, sequence number, revision date, or title.

   26. List Albums Direction: if you have chosen the default view to be List Albums, and you have determined which criteria to list them by from the List Albums Order By field, you can then select whether to list in a descending or ascending order from this field.

   27. Default Files Per Page: the number of image files displayed on a single album page

 

12. The Security tab allows you to control security privileges for this Gallery asset, such as the who is allowed to view it, and who can post comments or files to it.

 

2. 1. The Owner of the asset always has full security privileges.

   2. The “Who can view?” field determines the group of users who can see this asset on the page.

   3. The “Who can edit?” field determines the group of users who are allowed to edit this asset and its settings.

   4. The “Group to Add Comments” field is the group of users who are allowed to post comments to files within an album.

   5. The “Group to Add Files” is the group of users allowed to add albums and files to this Gallery asset.

   6. The “Approval Workflow” field allows you to determine what workflow will be performed upon individual files as they are added. If you want all files to be approved before appearing on the site, this is where you would select that option.

 

13. The Metadata tab is the standard Metadata screen common amongst all assets. If you need to handle metadata for the purposes of content profiling you can do so here.

14. The “RSS” tab allows you to set up specific RSS feed properties for this Gallery.

 

 

2. 1. “Items Per Feed” is the number of items included in the feed at any given time.

   2. The “Feed Copyright” field allows you to enter copyright information for this feed and the images it contains.

   3. The “Feed Title” is the title of the Gallery's feed. If left blank, the asset's title will be used.

   4. The “Feed Description” is an optional area to enter a brief description of this feed. If left blank, the asset's summary (from the metadata tab) will be used instead.

   5. An optional image to associate with this feed can be uploaded in the “Feed Image” field.

   6. A URL can be entered in the “Feed Image Link” field. This is where people will be linked to if they click on the feed image.

   7. A description of the feed image can be entered in the “Feed Image Description” field.

   8. “HTML Header Feed Links” is where you select feed types to include in HTML headers, which many browsers offer to users.

15. When you are finished, click the save button to create a Gallery on your site.

 

 

The title of the Gallery asset is displayed on the page, with the content entered in the Description field displayed below it. In the top right corner a search box and some additional links are displayed.

 

Add an Album to the Gallery

Once a Gallery asset has been added to the site, it's time to create Albums in which to display images.

1. Click on the Add an Album link in the upper right hand corner of the asset to open the Edit Album screen.

 

 

2. Give the album a name in the “Title” field.

3. Provide viewers some information about this album's contents in the “Album Description” field.

4. Click save to create the album. A message will display confirming that the album setting are saved. Follow the link to return to the album, or click on the Add Photo link to begin populating the album.

 

 

Add a Photo to an Album 

Once your album is created, you can upload a single photo or a zip archive of many photos.

1. Click on the Add a Photo link in the upper right hand corner of the screen to open the Add Photo screen.

2. In the “Title” field, enter a title for the photo you are adding.

3. In the “Photo Caption” field enter some information about this photo. The caption will display directly below the photo when it is viewed.

 

 

4. The “New Photo” field is where you upload a photo to display in the album. Click on the Browse button to locate the photo on your workstation. If you decide not to upload the photo, you can click the Remove button to remove the file from the field. If a photo already exists, the file name will be displayed, and you will be able to replace that file by uploading a new one (seen above).

5. “Tags” can be added to this photo to aid in searches. This allows you to assign keywords to this photo. This broadens the search range by associating additional terms/words with this photo that might not be part of the photo's title or description.

6. Enter the “Location” of this photo. This can be the location of an event being displayed in the photo, your work location, or any other location you want associated with this image.

7. The “Friends Only” field allows you to restrict viewing privileges of this photo to only those users who are considered your friend in the WebGUI friends system. If you want anyone to be able to view this photo, leave this field set to No.

8. Click save to add this photo to the album. A message will display indicating that your photo has been submitted. If the gallery is set up to require approval of files, this is when that approval process will begin; if this is the case, it may take awhile for the photo to appear in the album. Follow the links to either view the photo you added, or to add another photo and repeat the process.

 

 

If you choose to view your photo, you will be shown the Photo Details screen.

 

 

Above is a picture of an album that has been populated with photos. The title of the album appears on the page, along with the username of its creator, and a search box appears in the upper right hand corner. Next to the search box are links to change the view of this album to thumbnails, slideshow, or album. Above this, in the right hand corner, you have the ability to add a photo to the album, edit the album, or delete the album. An icon is also available from which to get the RSS URL for this album. Once a photo has been added to the album, a thumbnail image will appear on the main Gallery screen to represent the album. Once an album is populated with multiple photos, you can edit the album and select which photo you want as the main album thumbnail. The album above shows that four photos have been added.

 

Upload a Zip Archive

Uploading a Zip archive is useful if you have many photos to add to an album. This feature allows you to add all photos in a Zip archive to your album with one easy upload. You may upload .zip, .gzip, and tar files using this method.

1. Create the album in which you would the photos stored within your zip archive to be displayed. Or, enter an existing album in the gallery.

2. In the upper right hand corner of the album, click on the Add a Photo button to open the Add Photo screen.

3. Click the “Zip Archive” tab next to the “Upload Type” field.

 

 

4. To locate the Zip archive on your computer, click “Browse” to the right of the “Archive” field.

5. From the File Upload window, navigate to and select the Zip Archive you would like to upload to the Gallery and click “Open.” The location of the Zip file now appears in the “Archive” field.

6. “Tags” can be added to this folder to aid in searches. This allows you to assign keywords that describe all photos in this folder. Tags entered in this field are applied to all files being uploaded.

7. The “Friends Only” field allows you to restrict viewing privileges of these photos to only those users who are considered your friend in the WebGUI friends system. If you want anyone to be able to view the photos in this folder, leave this field set to No.

8. Click Submit to add the Zip Archive to the album. A message will display indicating that your files have been submitted. If the gallery is set up to require approval of files, this is when that approval process will begin; if this is the case, it may take awhile for the photos to appear in album. Follow the link to “Return to Album.”

 

 

Upon returning to the album, the images contained within the zip archive will be displayed. If other images were already contained in the album, the images from the zip archive will display along with them. In the example below, the images of giraffes were added all at one time via the zip archive function.

 

 

If you select a photo to view, by clicking on it, you will be directed to that photo's Photo Details screen.

 

 

Photo Details Screen 

A thumbnail of the photo will be displayed in the upper left corner, with the photo caption directly below it. A link will also display allowing you to view the full size image, which will open in a new page.

 

 

 

Near the bottom of the screen is the Comments field with a Post link.

 

 

If allowed, viewers may comment on this photo and post it to the album. Clicking on the Post link will open a rich editor in which to enter comments.

 

 

Once a comment is added it can be edited or deleted.

 

 

On the right hand side of the Photo Details screen details about this photo are listed.

 

 

The upload date, number of views, usernam

e of user who uploaded the photo, privacy status, and location of the photo are displayed at the top. The Available Resolutions field contains available resolutions in which to download this image.

 

In the More Details area of the screen data related to the file type and size is displayed.

 

Directly above this are displayed the tags associated with this picture. Clicking on one of these tags will display the advanced search screen, on which will be displayed all photos with that matching tag, as seen below.

 

 

In the upper right hand corner of the Photo Details screen are these links:

 

 

• Edit Photo opens an identical screen to the Add Photo screen, and allows you to alter this photo's title, description, tags, privacy setting, or to replace the existing photo with a new one.

• Delete Photo will delete this photo from the album. A confirmation message will appear before this takes place to ensure this is the action you intend to perform.

• Cross Publish allows you to select another album in the Gallery to publish this photo to. Simply select an Album from the dropdown menu, and then click save. The photo will then be published to its original album and the one you selected here. This will not create an additional image file, so no additional disk space will be used.

 

 

• Advanced Search direct the user to the advanced search screen.

• My Gallery directs the user to the My Gallery screen.

 

 

Search the Gallery 

In the upper right hand corner of the main gallery page, album, or photo detail screen is a search box. You have the option of doing a simple keyword search, or clicking on Advanced Search for more detailed search options.

 

 

To perform a simple keyword search, simply enter the word in the Search field, and click the Search button. You will be directed to the Advanced Search screen, and the search results will be displayed below the search fields.

 

In the example, elephants was searched for, so all photos containing the word elephant in the title, caption, or tag appear.

 

 

To narrow your results, you may enter additional search options in the Advanced Search fields.

 

 

• The “Title” field can be used to search for an album or photo with as specific Title.

• “Description” allows you to search for keywords located within the item's Description field.

• “Tags” will allow you to search for all photos with a given tag associated with them.

• “Search Type” allows you to specify if you want to perform this search on photos, albums, or anything within the gallery.

• “Date” allows you to limit the search results to items that were created within a specific date range.

 

My Gallery

Below the Search field is a link that says My Gallery. Clicking on My Gallery opens a view that allows you to see all the photos uploaded to the Gallery asset, organized by album.

 

 

Album Views

When viewing an album, viewers have three options for how to view its contents: Album, Thumbnails, or Slideshow.

Album

All images are displayed at the same size.

 

 

Thumbnails

Click on a thumbnail image to make it the larger image displayed on the left.

 

 

Slideshow

Click on the play icon, the large triangle in the center, to begin the slideshow. Images will automatically progress.

 

 

Manage Images Within an Album

Once an album has been created and populated with images, you can edit the album for some additional functionality. Enter the album, and in the upper right hand corner, click on the Edit Album link. This will open the Edit Album screen, in which you can manage the images stored within the album.

 

 

 

Below the rich editor of the Edit Album screen are listed all the images stored within this album. To the right of each image is a rich editor in which you can edit the caption associated with an image.

Each image also has a field, “Use as Album Thumbnail,” which allows you to select which image you want to represent this entire album on the Gallery main screen. This will be the image associated with the album title on that screen.

 

 

Below each image are buttons that allow you to move the image up or down in the display order, and a button by which to delete the image from the album.