# Library Views

### Overview <a href="#library-view" id="library-view"></a>

MangoApps Libraries offer two display styles—**Classic View** and **Modern View**. Each view provides a different way to browse and manage content as set by admins and users with appropriate permissions.

***

### **Classic View (Traditional)**

The Classic View provides a structured, folder-like browsing experience.

<figure><img src="https://guides.mangoapps.com/~gitbook/image?url=https%3A%2F%2F1733114811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-Lclpq021Ai9jH1_X4gO%252Fuploads%252FFV93PjRerg2qVc6FkhV6%252F28-08-2025-10-21-55.png%3Falt%3Dmedia%26token%3D4b7ec8a5-5f73-48e1-8bfe-5d7e17c4f06f&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=fde8bb3e&#x26;sv=2" alt="" width="563"><figcaption></figcaption></figure>

**Layout**

* **Left-hand side (LHS):** Libraries and categories appear in a **tree layout**.
* **Right-hand side (RHS):** Items are displayed in **List**, **Compact List**, or **Grid** format.

**Features**

* Category icons and hover states for easier navigation.
* Columns in List view:
  * **Updated At** shows when an item was last added or updated.
  * **Updated By** shows who last updated the item.
* Independent scrolling between LHS (categories) and RHS (items).
* Clear empty states and placeholders when no category or items are selected.
* Consistent icon styling (square or rounded corners, based on branding settings).

***

### **Modern View (Recommended)**

The Modern View provides a visually engaging way to explore libraries and highlight content.

<figure><img src="https://guides.mangoapps.com/~gitbook/image?url=https%3A%2F%2F1733114811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-Lclpq021Ai9jH1_X4gO%252Fuploads%252FmeNBECweETfqrGYdSpd9%252F27-08-2025-03-35-25.png%3Falt%3Dmedia%26token%3Dce78bb52-7f1b-4bd2-ba99-bdfb45d889f2&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=85e1f04a&#x26;sv=2" alt="" width="563"><figcaption></figcaption></figure>

**Library Grid (Card) Layout**

Libraries display as **cards** with:

* Banner image (optional, 1920×150px recommended).
* Library name, description, and icon.
* Governance status (with verification indicator if enabled).
* Total item count.
* Last updated timestamp.

**Library Details Page**

* All categories appear on a single scrolling page.
* Category-level controls are available via the **three-dot menu** (edit, re-arrange items, delete).
* Each category supports three layouts: **Compact List, List, or Grid**.
* Items load in batches as you scroll, ensuring smooth performance.
* Breadcrumb navigation and fixed headers make it easy to stay oriented.


---

# 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://guides.mangoapps.com/user-guide/libraries/library-views.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.