Home

Download this help site
(PDF 80MB)

Download

Photo albums

You can add a photo album to a page on your Wild Apricot, so that visitors to your site can view a gallery of photos. Public photo albums are different from member photo albums which appear on members' individual profiles.

You can allow members to upload photos to photo albums on your site, choosing whether to restrict uploading to selected membership levels, or allow just site administrators to upload photos.

You can add as many photo albums as you want, with each album appearing on a separate page. You can restrict access to each page as you would any other page.

Photo albums – like other site content – are inserted as gadgets, in this case, a photo album gadget. You cannot add a photo album gadget – or any other singular gadget – to a page template or system page, or to a page containing another singular gadget.

Each album appears as a separate folder under SiteAlbums within your site's Resources folder. Deleting a photo album gadget does not remove the corresponding album folder from the SiteAlbums folder.

You can also display the images from a photo album in a slideshow gadget.

Adding a photo album to a page

To add a photo album to a page on your site, follow these steps:

 Read more/less
  1. Go to Sites pages (under the Website menu) and create or begin editing the site page where you want the album to appear.
  2. Click the Gadgets icon to display the list of available gadgets.
  3. Drag the Photo album gadget from the list, and drop it where you want it to appear on the page. You can insert it into a section within a layout, or above or below a layout. 



    When a layout cell or placeholder is empty, a Drop gadget or layout here prompt will be displayed. When you drag a gadget over an empty layout cell or placeholder, it turns green, indicating that you can drop the gadget there. When you drag a gadget above or below a layout, a prompt will appear indicating that you can drop the gadget before or after the layout.
  4. After you have dropped the gadget in the desired location, hover your pointer over it and click the Settings icon. 

  5. From the gadget settings panel on the left, choose the desired settings for your photo album. For more information, see Adjusting photo album settings (below).
  6. Click Save to save the changes to the page.

For instructions on restricting access to the page, see Page access and visibility.

Adjusting photo album settings

After you've added a photo album gadget to a page on your site, you can adjust the photo album gadget settings. Within the gadget settings, you can set the number of photos per page and control who can add photos to the photo album.

 Read more/less

Gadget settings appear in a panel on the left side (which can be hidden to maximize the page design area). To display the settings panel, you position your pointer over the gadget – while editing a site page – then click the gadget's Settings icon.

The following photo album gadget settings are available.

Setting

Description

Album name

The name of the photo album. This is the name that would appear when you are selecting a photo album to use as the basis for a slideshow gadget.

Photos per page

The maximum number of photos that appear on each photo album page. If there are more than the specified number of photos in the album, links will appear at the top-right and bottom-right of the page that you can use to scroll through the album pages.

Photos can be uploaded by

Choose the kind of members who can upload photos to the photo album. You can allow all members, administrators only, or selected membership levels. If you choose the Selected membership levels option, you then check the membership level(s) that you want to be able to upload photos.

Sort byControls the order in which photos are displayed in the album. You can choose to display them by name or date added – the date the photo was uploaded to the album – in ascending or descending order.

Album information

This section displays identifying information for the album that administrators need to upload photos via the Files screen or via WebDAV. Before you can view the album information, you have to save the page on which the photo album gadget appears then refresh your browser (on most browsers: press the F5 key). For more information, see Uploading photos through File management or via WebDAV.

Gadget title

If you specify a gadget title, the title will appear specially formatted within the gadget. Depending on the gadget style you choose, the title may appear in a heading box.

Gadget style

The gadget style determines the physical appearance of the gadget. The style you choose will determine the color and format of the gadget title, the gadget content, and the gadget border. You can choose from theme-specific styles and styles that are common to all themes.

Margins

The amount of space – in pixels – that appears outside the gadget. You can set top, bottom, left, and right margins separately.

HTML ID

A unique identifier by which the gadget can be referenced within custom CSS or JavaScript code. The identifier is automatically generated but can be replaced with a more readable or memorable one (e.g. MyPhotoAlbumGadget).

CSS class

The name of a CSS class defined on the CSS customization screen.

Inline style

CSS code to control the behavior or appearance of the gadget. For example, you could enter width: 250px; to control the gadget width.

Adding a description

You can add a description for your photo album by inserting a content gadget ahead of the photo album gadget. Within the content gadget, you can add a title and description, and format them using text styles. If you plan to add a title and description using a content gadget, be sure not to enter a gadget title as part of the photo album gadget settings. For more information on adding and formatting text, see Using the content editor.

Viewing photo albums

Each photo album shows thumbnails of photos. The number of photos displayed per page depends on the Photos per page setting within the photo album gadget's settings.

 Read more/less

If you are logged in as a member, you have the option to show all photos or only photos that you have uploaded. If you have permission to upload photos, an Upload button will appear.

If the number of photos in the album exceeds the Photos per page setting, then links will appear at the top-right and bottom-right of the gadget that you can use to scroll through the album pages.

To view a larger version of a photo, click the thumbnail within the photo album. On the individual photo page, the photo will be displayed as close to full size as can fit on the page. Above the image you will see the date the image was uploaded, as well as the name of the member who uploaded it (depending on the member's privacy settings).

To view the full version of the photo in a separate browser tab, click the photo within the photo page. To scroll through other images in the album, click the Previous or Next links. 

Changing colors and fonts

You can change the colors, text styles, and backgrounds used in your website from the Colors and styles screen. For a list of photo album elements you can customize, click here. For more advanced fine-tuning, you can use CSS customization and theme overrides.

Uploading photos

There are 3 ways that photos can be uploaded to a photo album:

Uploading photos from the photo album

Administrators and members who have been granted permission to upload photos will see a Upload button within the photo album.

 Read more/less

Clicking this button will display a dialog where they can select up to 5 images to be uploaded at a time.

You can select photos saved using the following file formats: .jpg, .gif, .png and .tif. The maximum file size of each photo will depend on your billing plan.

After selecting the files to be uploaded, click the Upload button.

The selected photos will be uploaded and added to the photo album. 

Uploading photos through the Files screen or via WebDAV

Administrators can also upload photos using the Files screen and through WebDAV.

 Read more/less

To upload images through the Files screen or WebDAV, take note of the Album ID displayed on the photo album gadget settings.

Icon

Before you can view the album information, you have to save the page on which the photo album gadget appears then refresh your browser (on most browsers: press the F5 key).

To upload photos to the album through the Files screen or via WebDAV, you expand the SiteAlbums folder under Resources then select the folder with the album ID number.

From the Files screen, you can upload any number of files to the album folder.

Via WebDAV, you can copy files to the album folder as you would any other folder on your computer.

 

Icon

Do not add files directly to the SiteAlbums folder. Only add files to one of the subfolders under SiteAlbums.


Downloading photos

Photos added to photo albums on your site can be downloaded from the Files screen or using WebDAV. In either case, you expand the  SiteAlbums  folder under  Resources  then select the folder with the album ID number. You can then copy the files to another location on your computer or network.

Adding captions to photos

After a member or administrator uploads a photo, they can add a caption to the image they uploaded. You can add captions only to those photos that you have uploaded. 

 Read more/less

To add a caption, click on the image within the album and then click the Add caption link that appears below the photo on the individual photo page.

After you enter a caption and click on Save, the caption will appear below the photo thumbnail and on the individual photo page.

Icon

There is a limit of 200 characters for photo captions.

Deleting photos

After a member or administrator uploads a photo, they can delete the image they uploaded.

 Read more/less

To delete a photo, hover over its thumbnail within the photo album then click the Delete link that appears.

You can also delete a photo from the individual photo page by clicking the Delete photo button that appears in the upper right corner.

Administrators can delete photos from the Files screen and WebDAV. Through the Files screen and WebDAV, administrators can delete any photos whether they uploaded them or not. 

On this page: 

 

 
Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7