Skip to content

Album Detail - View and Manage Event Photos

Album Detail - View and Manage Event Photos

Section titled “Album Detail - View and Manage Event Photos”

The Album Detail page shows the contents of a specific photo album. It displays the album header with cover image, name, and description, followed by an upload section and a grid of photos and videos. Organizers can edit album settings, upload media, and delete the album from this page.

Event Organizer Page > Media tile > Album List > Tap an album card

Or: Event Detail > Media Gallery > Select an album


The page uses a CustomScrollView with:

  • Sliver App Bar: Album cover image with gradient overlay, album name, and action buttons (Edit, Delete).
  • Album Details Section: Description and metadata.
  • Upload Section: “Capture or Upload Media” area with instructions.
  • Photo Grid: Responsive grid of uploaded photos and videos.

  1. Open the album from the Album List.
  2. The cover image is displayed at the top.
  3. Scroll down to see the album description.
  4. Below the description, view all uploaded photos and videos in a grid.
  5. Tap any photo to view it in full-screen mode with zoom support (via PhotoView).
  6. Tap any video to play it with the built-in video player (via Chewie).

The upload section appears below the album details with the heading “Capture or Upload Media” and the subtitle “Take photos/videos or upload from your gallery.”

  1. Scroll to the Capture or Upload Media section.
  2. Choose your upload method:
    • Camera — Take a new photo or video.
    • Gallery — Select existing media from your device.
  3. Selected media begins uploading immediately.
  4. Upload progress is shown during the process.
  5. Successfully uploaded media appears in the photo grid.

  1. Tap the Edit button in the app bar (pencil icon).
  2. The Create Album page opens in edit mode with all fields pre-populated.
  3. Modify the name, description, cover image, visibility, or permissions.
  4. Save changes.
  5. The album detail page refreshes with updated information.

  1. Tap the Delete button in the app bar (trash icon).
  2. A confirmation dialog appears: “Are you sure you want to delete [album name]? This action cannot be undone.”
  3. Tap Yes to confirm deletion.
  4. A loading indicator shows while the album is being deleted.
  5. On success: “Album deleted successfully” appears and you are returned to the Album List.
  6. On failure: An error message is shown with an OK button.

  • Full-screen view: Tap a photo to open it in a full-screen viewer with pinch-to-zoom support.
  • Video playback: Videos open in an inline player with play/pause, seek, and fullscreen controls.
  • Cached images: Photos use cached network images for faster loading after the first view.
  • Shimmer loading: A shimmer effect displays while images are loading.

When isRestrictedMode is true (view-only access), upload and edit/delete functionality is hidden. You can only browse and view the album contents.


Your situationRecommended action
Album is emptyStart uploading photos using the upload section
Want to change settingsTap Edit to modify album name, visibility, or permissions
Album is no longer neededTap Delete to remove it (irreversible)
Want to share with guestsShare the event link — guests with access can view the album
Checking photo qualityTap each photo for full-screen review


Check your internet connection. The album data is fetched from the server. Tap Retry or navigate back and re-enter the album.

Uploads may take a few seconds to process. Wait for the upload indicator to complete. If photos still do not appear, scroll down and pull up to refresh the photo grid.

Video thumbnails are generated on the client side. On some devices, thumbnail generation may fail. The video will still be playable — tap the video area to start playback.

Edit and delete buttons are hidden in restricted mode (view-only access). Check if you have organizer permissions for this event.

Ensure you are tapping the photo to open full-screen mode first. Pinch-to-zoom is only available in the full-screen PhotoView, not in the grid thumbnail.