Add the Category Field Input with the Icon to Open the Dialog to Edit Contentlet

[oidacra]

Parent Issue

#28493

User Story

As a content editor, I need a new Category input field in the Edit Content interface that includes an icon button to open the category selection dialog. This input should display already assigned categories and allow easy modification of category selections.

Acceptance Criteria

• Implement a new Category input field with a "Select" button.
• The "Select" button should open the category selection dialog.
• The dialog should display empty, to be implemented with another issue.
• Ensure the new input field and dialog are consistent with the current design and user experience.
• The feature should be integrated into the Angular-based Edit Content interface without breaking existing functionalities.

Proposed Objective

User Experience Enhancement, Interface Consistency

Proposed Priority

Priority 2 - Important

dotCMS Version

master

External Links

Prototype: Play

Design: LINK

Assumptions & Initiation Needs

Assuming that the design system provides clear guidelines on how the input field and dialog should look and behave. Access to the current implementation of the Edit Content interface and category management logic is required.

Quality Assurance Notes & Workarounds

Quality assurance should ensure that the new input field and dialog work correctly across different browsers and screen sizes.

Sub-Tasks & Estimates

Tasks

Preview Give feedback

1. Implement the new Category input field with the "Select" button.
2. Develop the functionality to open the category selection dialog when the "Select" button is clicked.
3. Integrate the new input field and dialog into the Angular-based Edit Content interface.
4. Test the new feature across different scenarios and ensure it works as expected.