🆕Library Views

Overview

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.

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).


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

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.

Last updated