Sections
Profile Picture of the author

Gallery View

on 01-26-2026 12:00 AM by SnapApp by BlueVector AI

2252

This is a beta feature. Beta functionality may not be fully developed or tested. These features are disabled by default and can be enabled from the Advanced Settings dialog in Global Settings.
License: Enterprise

Gallery View

A Gallery View organizes application data into a highly visual grid or carousel format. This layout is designed to enhance user interaction and aesthetic appeal, making it ideal for displaying catalogs, portfolios, or any data where imagery is a primary focus.

A Gallery View organizes application data into a highly visual grid or carousel format. This layout is designed to enhance user interaction and aesthetic appeal, making it ideal for displaying catalogs, portfolios, or any data where imagery is a primary focus.

view

Table of Contents

To start building your Gallery View, navigate to the View Builder within your application settings.

builder-page

  1. Select Gallery View as your view type.
  2. Choose the specific Application and Object you wish to visualize.
  3. Configure the card layout and data fields as described in the sections below.

The builder is divided into logical sections to help you customize the visual and functional aspects of your gallery.

General Settings

Field Description
View Type Select “Gallery View” from the available options.
Application ID The specific application where this view will reside.
Object The data source/object that populates the gallery.
Card Type Choose between Fixed Size Grid (default), Masonry Style Grid, or Lightbox for image presentation.

View Configuration

Field Description
Fields Choose which data fields to display on the cards.
Group By Aggregate data based on values like “Owner ID” or “Created By”.
Order By Sort your gallery based on specific field values.
Size Set the thumbnail size to tiny, small, medium, or large.
Image Map the primary image field that will serve as the card’s visual.
Visible Rows Define the number of rows to display per page.

Advanced & Security Settings

  • Visibility: Define the view as Public or Private to control user access.
  • Drilldown Options: Specify which view (Detail, Form, or Inspector) opens when a user clicks a gallery card.
  • Buttons: Configure View Buttons (e.g., Filter, Add New) and Record Buttons (e.g., Edit, Delete, Clone) to allow users to interact with the data directly from the gallery.

UI Customization

You can further personalize the interface by adding Custom Labels for existing buttons or creating entirely new Custom Buttons to trigger specific application logic.

Once your configuration is complete, use the Publish action to make the view live within your application.

view_publish

To make changes to an existing gallery, locate the view in your settings and click the Edit icon. You can update any configuration from the Card Type to the Drilldown behavior.

edit-view

If a view is no longer needed, you can remove it using the Delete button. Note that you must have the appropriate permissions in your user role to perform this action.

delete-view

Before publishing, it is highly recommended to use the Preview function. This allows you to see how the images, sizes, and layout settings appear to your end-users in real-time.

preview_view

Thank you for following these steps to configure your SnapApp components effectively If you have any questions or need further assistance, please don’t hesitate to reach out to our support team. We’re here to help you make the most out of your SnapApp experience.

For support, email us at snapapp@bluevector.ai

Tags: snapapp gallery-view image-gallery visual-presentation ux-design image-grid gallery-management snapapp-tutorials
Generate Text