Receipts
Receipt Gallery

Receipt Gallery View

Reading Time: 4 minutes

Overview

The Receipt Gallery provides a visual, intuitive way to browse, organize, and manage your uploaded receipts. View receipts as large thumbnails, quickly identify specific receipts, and perform common actions.

What You'll Learn

  • Accessing and navigating the receipt gallery
  • Different view modes and layouts
  • Gallery features and functionality
  • Filtering and sorting in gallery view
  • Quick actions from gallery view

Accessing the Receipt Gallery

From Receipts Page

  1. Navigate to Receipts in the main menu
  2. Click Gallery View icon/button in the top right
  3. Switch between List View and Gallery View anytime

From Dashboard

  1. Click Receipt Gallery widget (if enabled)
  2. Opens gallery with recent receipts
  3. Access all receipts from gallery page

Gallery View Modes

Grid Layout (Default)

Features:

  • Receipts displayed as large thumbnails
  • 3-4 columns on desktop (responsive)
  • Consistent thumbnail sizes
  • Equal spacing between items
  • Hover for quick information

Best For:

  • Visual browsing
  • Quick receipt identification
  • Finding specific merchant receipts
  • Overall view of receipt collection

Compact Grid

Features:

  • Smaller thumbnails, more items visible
  • 4-6 columns on desktop
  • More receipts per screen
  • Faster scrolling through large collections

Best For:

  • Large receipt collections
  • Quick scanning
  • Finding receipts by visual cues

Masonry Layout

Features:

  • Variable-height tiles
  • More efficient use of space
  • Maintains aspect ratios
  • Pinterest-style layout

Best For:

  • Receipts of varying sizes
  • Visual appeal
  • Maximizing screen real estate

Gallery Features

Receipt Thumbnails

Each thumbnail displays:

Visual:

  • Receipt image preview
  • Clear, readable representation
  • Cropped to show relevant content
  • Scaled appropriately

Information Overlay:

  • Vendor name
  • Amount (large, prominent)
  • Date
  • Category icon
  • Status indicator (verified, pending, flagged)

Hover Effects:

  • Thumbnail enlarges slightly
  • Additional details appear
  • Quick action buttons show
  • Confidence score visible

Quick Information Panel

Hover over any receipt to see:

  • Full vendor name
  • Complete description
  • Exact amount with tax
  • Full date and time
  • Category
  • OCR confidence score
  • File size
  • Last modified date

Selection Mode

Activating Selection:

  • Click checkbox icon in toolbar
  • Or click and hold on any receipt
  • Checkboxes appear on all thumbnails

Selecting Receipts:

  • Click individual checkboxes
  • Shift+Click to select range
  • Ctrl+Click (Cmd+Click on Mac) to select multiple
  • Select All button for all visible receipts

Selection Actions:

  • Bulk delete selected
  • Bulk category change
  • Export selected
  • Download selected images

Filtering in Gallery View

Filter Panel

Access filters via Filter button:

Quick Filters:

  • This Week
  • This Month
  • Last 30 Days
  • This Quarter
  • This Year
  • Custom Range

Advanced Filters:

  • Date range picker
  • Category multi-select
  • Amount range (min/max)
  • Vendor selection
  • Status filter
  • Confidence score filter

Active Filters:

  • Show as chips/tags above gallery
  • Click X to remove individual filter
  • "Clear All Filters" to reset

Search in Gallery

Search Bar:

  • Located above gallery
  • Real-time search as you type
  • Searches vendor, description, notes, OCR text
  • Results update immediately

Search Highlighting:

  • Matching receipts highlighted
  • Non-matching receipts dimmed or hidden
  • Match count displayed

Sorting Options

Change sort order via dropdown menu:

Available Sorts:

  • Date (Newest First): Default, most recent at top
  • Date (Oldest First): Chronological order
  • Amount (High to Low): Largest expenses first
  • Amount (Low to High): Smallest expenses first
  • Vendor (A-Z): Alphabetical by vendor
  • Upload Date: Recently uploaded first
  • Category: Grouped by category

Visual Indicators:

  • Current sort shows in dropdown
  • Arrow indicates sort direction
  • Can reverse sort with click

Quick Actions

From Thumbnail

Hover Actions:

  • View: Open detailed view
  • Edit: Quick edit modal
  • Download: Save original image
  • Delete: Remove receipt

Click Actions:

  • Single Click: Open detailed view
  • Double Click: Open in lightbox view
  • Right Click: Context menu with all actions

Toolbar Actions

Available in Toolbar:

  • Upload: Add new receipts
  • Batch Upload: Upload multiple
  • View Mode: Switch layouts
  • Sort: Change sort order
  • Filter: Open filter panel
  • Selection Mode: Enable bulk selection
  • Settings: Gallery preferences

Bulk Actions Bar

Appears when receipts selected:

  • Selected Count: Shows X of Y selected
  • Delete Selected: Bulk delete
  • Change Category: Bulk categorize
  • Export: Export selected
  • Download: Download as ZIP
  • Deselect All: Clear selection

Lightbox View

Opening Lightbox

  • Click receipt thumbnail
  • Or click magnifying glass icon
  • Opens receipt in fullscreen overlay

Lightbox Features

Navigation:

  • Left/Right Arrows: Previous/next receipt
  • Keyboard Arrows: Navigate with keys
  • Thumbnail Strip: Quick jump to any receipt
  • Close Button: Exit lightbox (or press Esc)

Zoom Controls:

  • Zoom In/Out: Buttons or mouse wheel
  • Fit to Screen: Reset zoom
  • Actual Size: View 100% size
  • Pan: Click and drag when zoomed

Information Panel:

  • Toggle info panel on/off
  • Shows all expense details
  • Edit button for quick corrections
  • Download original image

Actions:

  • Edit expense details
  • Delete receipt
  • Download image
  • Share (if enabled)
  • Print receipt

Gallery Preferences

Customizing Gallery View

Access via Settings icon in gallery:

Display Options:

  • Thumbnail size (small, medium, large)
  • Information overlay density
  • Show/hide confidence scores
  • Show/hide category icons
  • Grid spacing

Default View:

  • Set default view mode (grid, compact, masonry)
  • Default sort order
  • Default filters (if any)
  • Items per page

Performance:

  • Lazy loading (load images as scrolled)
  • Image quality (high, medium, balanced)
  • Thumbnail caching

Performance Tips

For Large Collections

Optimize Loading:

  • Use filters to reduce visible receipts
  • Enable lazy loading
  • Adjust thumbnail quality

Navigation:

  • Use search to find specific receipts quickly
  • Bookmark frequently accessed date ranges
  • Use pagination instead of infinite scroll

Organization:

  • Regularly categorize receipts
  • Delete unnecessary receipts
  • Archive old receipts periodically

Mobile Gallery Experience

Mobile Layout

  • Single column on phones
  • Two columns on tablets
  • Touch-optimized controls
  • Swipe gestures

Mobile-Specific Features

Gestures:

  • Swipe Left/Right: Navigate between receipts
  • Pinch: Zoom in lightbox view
  • Long Press: Open context menu
  • Pull to Refresh: Reload gallery

Mobile Actions:

  • Share: Share via mobile apps
  • Take Photo: Quick camera access
  • Upload from Gallery: Access phone photos

Keyboard Shortcuts

Speed up gallery navigation:

  • Arrow Keys: Navigate between receipts
  • Enter: Open selected receipt
  • Delete: Delete selected receipt(s)
  • Ctrl+A (Cmd+A): Select all
  • Esc: Close lightbox or clear selection
  • +/-: Zoom in/out in lightbox
  • Home/End: Jump to first/last receipt
  • Page Up/Down: Scroll page

Tips & Best Practices

Efficient Browsing

  1. Use Filters First: Narrow down before browsing
  2. Sort Strategically: Choose sort that matches your need
  3. Keyboard Shortcuts: Faster than clicking
  4. Bookmark Common Views: Save filter combinations

Visual Organization

  1. Consistent Photos: Take similar quality photos for easier scanning
  2. Immediate Review: Check thumbnails right after upload
  3. Flag Important: Use status flags for receipts needing attention
  4. Color Coding: Use categories with color coding for visual cues

Performance

  1. Regular Cleanup: Delete unnecessary receipts
  2. Archive Old Receipts: Move old receipts out periodically
  3. Optimize Images: Don't upload overly large images
  4. Use Lazy Loading: Enable for smoother scrolling

Common Questions

Q: Can I customize thumbnail sizes?

Yes, in Gallery Preferences you can choose small, medium, or large thumbnail sizes.

Q: How many receipts display per page?

Default is 20-50 depending on view mode. Configurable in preferences.

Q: Can I zoom in on receipt in gallery without opening it?

Hover enlarges slightly. For full zoom, open in lightbox view (single click).

Q: Does gallery view work offline?

Previously loaded receipts may be cached, but uploading new receipts requires internet connection.

Q: Can I rearrange receipt order manually?

No, receipts sort by date, amount, vendor, etc. Use sorting options to change display order.

Q: How do I see receipt details without leaving gallery?

Hover over thumbnail for quick info panel, or open in lightbox for full details.

Q: Can I print multiple receipts from gallery view?

Yes, select receipts and use "Export to PDF" then print the PDF.

Related Articles

Need Help?

For gallery-related questions:

  • Email: support@akiliapps.com
  • In-app: Click Help > Contact Support
  • Video tutorial: help.akiliapps.com/gallery-view

Akili Apps - Intelligent Expense Tracking for Canadian Businesses