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.
How to Get There
Section titled “How to Get There”Event Organizer Page > Media tile > Album List > Tap an album card
Or: Event Detail > Media Gallery > Select an album
Page Layout
Section titled “Page Layout”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.
Viewing Album Contents
Section titled “Viewing Album Contents”- Open the album from the Album List.
- The cover image is displayed at the top.
- Scroll down to see the album description.
- Below the description, view all uploaded photos and videos in a grid.
- Tap any photo to view it in full-screen mode with zoom support (via PhotoView).
- Tap any video to play it with the built-in video player (via Chewie).
Uploading Photos and Videos
Section titled “Uploading Photos and Videos”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.”
- Scroll to the Capture or Upload Media section.
- Choose your upload method:
- Camera — Take a new photo or video.
- Gallery — Select existing media from your device.
- Selected media begins uploading immediately.
- Upload progress is shown during the process.
- Successfully uploaded media appears in the photo grid.
Editing an Album
Section titled “Editing an Album”- Tap the Edit button in the app bar (pencil icon).
- The Create Album page opens in edit mode with all fields pre-populated.
- Modify the name, description, cover image, visibility, or permissions.
- Save changes.
- The album detail page refreshes with updated information.
Deleting an Album
Section titled “Deleting an Album”- Tap the Delete button in the app bar (trash icon).
- A confirmation dialog appears: “Are you sure you want to delete [album name]? This action cannot be undone.”
- Tap Yes to confirm deletion.
- A loading indicator shows while the album is being deleted.
- On success: “Album deleted successfully” appears and you are returned to the Album List.
- On failure: An error message is shown with an OK button.
Photo Viewing
Section titled “Photo Viewing”- 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.
Restricted Mode
Section titled “Restricted Mode”When isRestrictedMode is true (view-only access), upload and edit/delete functionality is hidden. You can only browse and view the album contents.
What to Do Next
Section titled “What to Do Next”| Your situation | Recommended action |
|---|---|
| Album is empty | Start uploading photos using the upload section |
| Want to change settings | Tap Edit to modify album name, visibility, or permissions |
| Album is no longer needed | Tap Delete to remove it (irreversible) |
| Want to share with guests | Share the event link — guests with access can view the album |
| Checking photo quality | Tap each photo for full-screen review |
Related Articles
Section titled “Related Articles”- Event Albums — Browse all event albums
- Create Album — Create or edit albums
- Event Organizer Tools — Full management suite
- Event Detail — Public event view
- Event Dashboard — Event preview
- Event Creation — Create a new event
Troubleshooting
Section titled “Troubleshooting””Failed to load album details” error
Section titled “”Failed to load album details” error”Check your internet connection. The album data is fetched from the server. Tap Retry or navigate back and re-enter the album.
Photos not appearing after upload
Section titled “Photos not appearing after upload”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 not generating
Section titled “Video thumbnails not generating”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.
Cannot edit or delete the album
Section titled “Cannot edit or delete the album”Edit and delete buttons are hidden in restricted mode (view-only access). Check if you have organizer permissions for this event.
Photo zoom not working
Section titled “Photo zoom not working”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.