Skip to content

Migrate 'Content Drive' portlet UI to PrimeNG (Angular 21) #34141

@hmoreras

Description

@hmoreras

Goal

Migrate the existing Content Drive portlet UI so it looks and behaves correctly using PrimeNG and Angular 21, aligned with the rest of the modernized DotCMS UI.

http://localhost:8080/dotAdmin/#/content-drive

Background / Context

We are updating legacy portlets to the new UI stack. The Content Drive portlet currently has visual/layout inconsistencies and does not match PrimeNG styling/UX expectations.

Scope

  • Update the Content Drive portlet components/templates/styles to use PrimeNG components and patterns.
  • Ensure layout, spacing, typography, and interactions match the modern UI.
  • Keep the existing functional behavior intact unless otherwise noted.

Requirements

  • Use PrimeNG components where applicable (tables, dialogs, buttons, inputs, dropdowns, toast/messages, etc.).
  • Accessibility basics: keyboard navigation, focus states, proper labels/aria where needed.
  • No regressions in functionality (folder navigation, file upload, content management, filters/search, etc.).

Acceptance Criteria

  • Content Drive portlet UI matches PrimeNG look & feel and is consistent with the rest of the app.
  • No console errors in dev.
  • Add/update tests where the project already has coverage and ensure they pass.

Metadata

Metadata

Type

Projects

Status

New

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions