> For the complete documentation index, see [llms.txt](https://guides.mangoapps.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.mangoapps.com/admin-guide/module-settings/libraries/libraries-settings.md).

# Libraries Settings

### Overview

The libraries settings tab allows admins to change the libraries module label as it will appear in the User Portal. In order to change this label, the [Translate module](https://guides.mangoapps.com/home/mangoapps-administrators-guide/domain-settings/translate/translate-modules) must be **disabled** within the Admin Portal.

<figure><img src="/files/7gC6rUzADamL19S1zU2F" alt="" width="563"><figcaption></figcaption></figure>

This table also provides the ability to chose the default sort order for items within the module. Click the dropdown menu to choose between:

* Admin Set Order
* Alphabetical (A->Z)
* Alphabetical (Z->A)

The chosen sort order will be applied to library items displayed in the module as well as [widgets](https://guides.mangoapps.com/home/mangoapps-user-guide/libraries/library-widget), both on the web and mobile platforms. Users can switch their personal view anytime.

***

### Library View

MangoApps Libraries offer two display styles—**Classic View** and **Modern View**. Each view provides a different way to browse and manage content, so you can use the one that best fits your needs.

<figure><img src="/files/Tk3VPIx7RPrSzAed2L2O" alt="" width="563"><figcaption></figcaption></figure>

#### Classic View (Traditional)

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

<figure><img src="/files/Am4QD4KWKrVLNZsiJsdk" 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).

**Best for:** Users who prefer a traditional, structured layout.

***

#### Modern View (Recommended)

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

<figure><img src="/files/TSWwDw0wYOKekSj2M1MA" 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.

**Best for:** Teams that want a clean, branded layout with quick access to multiple categories.

***

#### Switching Between Views

Admins control the default view for each domain by navigating to **`Admin Portal > Modules > Libraries > Settings > Library View`**

When switching views, MangoApps preserves previous settings so you can move between Classic and Modern without reconfiguring.

***

#### Choosing the Right View

| Feature         | Classic View            | Modern View                     |
| --------------- | ----------------------- | ------------------------------- |
| Navigation      | Tree structure (LHS)    | Card-based grid                 |
| Branding        | Limited                 | Banner images, color styling    |
| Content display | Per-category            | All categories on one page      |
| Sorting         | Admin-defined, A–Z, Z–A | Same, plus per-category layouts |
| User experience | Structured & functional | Visual & streamlined            |

{% hint style="info" %}
Users can switch between Classic and Modern while browsing, but the admin sets the default for each library.
{% endhint %}