Modern UI

Version 5.0.0 introduces a scoped design system so DOCman lists look modern on any template.

edl- class prefix

All front-end styling lives under .edl-root. Each plugin or module output wraps in .edl-root.edl-root--{layout} so rules do not leak into your template or vice versa.

Font Awesome icons

File types and folders use Font Awesome icons instead of legacy PNG sprites. The plugin registers Font Awesome through the Web Asset Manager when your template does not already provide it.

SVG placeholders

Documents without thumbnail images receive inline SVG placeholders with unique gradient IDs so multiple lists on one page render correctly.

List layout structure

The list layout splits each item into:

• .edl-list__head: title and primary link
• .edl-list__actions: download and view buttons
• .edl-list__meta: size, date, and secondary details

Gallery grid

Image column layouts apply CSS grid to .docmanlist_image_row with responsive breakpoints. Set columns on the Layout tab or with the image_columns parameter.

Nested expand/collapse

edl.js toggles nested rows and swaps chevron icons. No jQuery required.

Module wrappers

• Default: standard module chrome with edl wrapper
• Card: bordered card container for sidebars
• Bare: output only, no extra chrome

Disable legacy look

Keep Enable new CSS on in plugin Layout tab. Turn off only if you rely on very old custom CSS that targets pre-5.0 class names.