# Gallery A gallery is great for displaying your items in a visually appealing and easy to comprehend way.
### Gallery data settings For example, you have a database with product photos, you can display it in the gallery component. Simply select a resource and collection and configure the display: ![](/files/-MEUZHNQbiX8joctXtPL) More information about Data & Display Settings, Search and Action you can find in our documentation. ### Group by field **Group by field** allows you to organize and display your visual content in a more structured and meaningful way. * **Dynamic Organization**: Automatically group your gallery items based on any field, such as category, date, or custom tags, making it easier for users to navigate and find what they’re looking for. * **Customizable Display**: Tailor the appearance of each group with customizable headers, separators, and styling options, ensuring your gallery aligns perfectly with your app's design. {% @arcade/embed flowId="BSGnbcLcdnBzMq48GLoU" url="" %} {% content-ref url="/pages/-MA3jHFbDtb4wavMqoIN" %} [Lists](/user-guide/design-and-structure/components/lists.md) {% endcontent-ref %} --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.jetadmin.io/user-guide/design-and-structure/components/lists/gallery.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.