The Admin Interface

Getting there

Once MediaHub is installed, you'll find it at Setup → Media Hub in the ProcessWire admin navigation. The section has its own sub-navigation: Library, Upload, Tags, Folders, and Import.

The library

The main library view shows all assets. Use the toolbar controls to narrow things down:

• Search — full-text search across asset titles and filenames
• Type filter — restrict to Images, Documents, Audio, or Video
• Tag filter — click any tag in the sidebar to show only assets with that tag
• Crop filter — show only assets that have crops, or only those without
• Sort — Newest first, Oldest first, or Name A–Z
• View toggle — switch between Grid (thumbnails), Masonry (proportional thumbnails), and Table (detailed rows with title, filename, ID, type, size, upload date, collections, crops, and tags)

Your chosen view, Details toggle state, and Collections sidebar state are all saved to localStorage and restored on every page load. The preference is applied before the page paints, so there is no flash of the default state before the saved one takes over.

Click any asset tile to open its detail page.

Table view

In Table view, clicking anywhere in a row selects it and toggles the checkbox. You don't need to aim for the checkbox precisely. The Title column is excluded from this — clicking a title still navigates to the asset detail page as expected.

Collections sidebar

The Collections sidebar on the left lists your collection hierarchy for filtering. On desktop, the sidebar sticks to the top of the viewport while you scroll through the library, so you can switch collections without scrolling back to the top.

The sidebar can be collapsed using the toggle at its top right. Its collapsed or expanded state is saved and restored on reload.

Assigning assets to collections from the library

There are two ways to assign assets to collections directly from the library, without opening the asset detail page.

The first is drag and drop. Select one or more asset tiles and drag them onto a collection row in the sidebar. The assets are assigned immediately on drop. A count badge on the drag ghost shows how many assets you're moving, and valid drop targets highlight as you drag over them.

The second is the Collections submenu in the per-asset context menu. See below.

Bulk operations

Tick the checkbox on any number of asset tiles to reveal bulk action buttons in the toolbar:

• Delete — permanently delete all selected assets and their associated crop pages
• Add to [collection] — assign all selected assets to a collection chosen from a dropdown
• Remove from [collection] — remove all selected assets from the currently filtered collection (only appears when viewing a single collection)

Per-asset context menu

Each tile has a ⋯ menu with quick actions: View details, Download original, Copy URL, Duplicate, and Collections.

The Collections entry opens a flyout panel listing every collection with a checkbox. The asset's current memberships are pre-checked. Toggling a checkbox adds or removes the asset immediately via AJAX, with no page reload. A Done button closes the flyout; clicking outside or pressing Escape also works. This is the easiest way to assign an asset to multiple collections at once, or to remove a membership.