# Listing details with Icons and Menu Focus Group

## Overview

![](/files/P3OdpoRM9bI6LxvVF7kk)

This fully-responsive block includes a title text, icons with labels, star rating, description text, and tags. It is ideal for displaying a list of fields on an object. No workflows are associated with this block.

## Structure

* When this block is added to a page, it is placed within a group called **Blocks container 860 (do not rename)** on the page. This group contains the responsive settings for all blocks.
* **Group Inner content** contains the following UI components:
  * **Group Inner more** contains the **menufocus\_template** reusable element. For more information on how to use menu focus groups, please [click here](https://docs.airdev.co/canvas-pages-and-modules/v/3.0.0/reusables/menufocusgroup-or-menu-options).
  * **Group Collapsible icons** contains icons with labels. Ideal for displaying short fields such as duration and location.
  * **Group Collapsible reviews** contains a reusable element called **star rating**. Set the data source of the reusable to a number between 1 to 5 to display the appropriate stars.
  * **Group Collapsible description** contains a text element for display long descriptions.
  * **Group Collapsible tags** contains a disabled multidropdown.
  * You can add additional UI components to the group by resizing **Group PLACEHOLDER**. Please ensure the placeholder group is not overlapping with any other elements.

## How to set up

* Hide any groups that you are not using
* Go to **menufocus\_template** and add workflows to each visible menu item. 
* Update the data sources of all text elements and the multidropdown.
* Update **star-rating-display's** data source
* Update feather icons


---

# 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.airdev.co/canvas/5.0/canvas-library/blocks/listing-details-with-icons-and-menu-focus-group.md?ask=<question>
```

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.