0
Documentation / Gallery Manager

Gallery Manager & Media Browser

Unified media browser with drag-to-move, drag-to-stack, and click-to-pick — plus gallery creation for images, videos, PDFs, and combined layouts.

What It Does

Gallery Manager is two things at once: a full media browser you use everywhere in the admin, and a gallery builder that produces embeddable galleries for public pages. The browser handles organization (folders, HTML blocks), selection (click-to-pick or checkbox multi-select), and most of the drag-and-drop magic that makes page-building feel fast.

Getting Started

  1. Open Gallery Manager from the admin menu, or call the Media Browser from any page editor.
  2. Browse folders, upload new media, create galleries.
  3. Click New Gallery, pick images/videos/PDFs, choose layout (grid, masonry, rows) and column count.
  4. Save. The gallery is embeddable via its generated shortcode.
  5. Paste the shortcode into any page where you want the gallery to appear.

Drag-to-Move Between Folders

Drag a thumbnail onto a folder header (or into the folder’s grid area when it’s expanded) — drop moves the media into that folder. Empty folders are collapsed by default; hover expands the drop zone so you can actually drop into them. This is the fast way to organize a messy uploads pile.

Drag-to-Stack

When Gallery Manager is open alongside a Content Stack editor, drag a thumbnail from the browser into the open stack’s playlist. The drop lands at the Y position you released — so you can insert a media block exactly where you want it inside the stack. This is the official insert path for ContentStacks; clicks don’t pick in that mode.

Click-to-Pick vs Click-to-Select

Click behavior depends on the host:

  • GalleryManager / HTMLEditor host: single click picks the media (legacy behavior).
  • ContentStacks host: single click toggles selection only. Drag is the insert path.
  • Ctrl/Shift + click: toggles selection for bulk operations, regardless of host.
  • Right-click on a single file: opens a context menu (delete, etc.).

HTML Blocks & Tab Row

HTML blocks in folders now show a visible trash icon on hover so you can remove them without diving into a menu. The tab row across the top has been tightened for space — more tabs fit on narrower screens without wrapping.

Gotchas / Tips

  • Empty folders look empty because they’re collapsed — hover to drop into them.
  • If clicks aren’t picking media, you’re probably in ContentStacks host mode. Drag instead.
  • Drop position for drag-to-stack respects Y — drop high to insert above, low to insert below.
  • Bulk delete: Ctrl-click to multi-select, then use the action bar.
  • Thumbs come from MediaThumbs — if they look off, clear the thumb cache.