[CONTEDIT-11] Add image to the article outline, resize & crop image, edit meta data Created: 09/Feb/17  Updated: 07/Sep/17  Resolved: 07/Mar/17

Status: Closed
Project: Content Editor
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Story Priority: Neutral
Reporter: Anja von Gunten Assignee: Unassigned
Resolution: Outdated Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File outline add image 01.02.png     PNG File outline add image 01.03.png     PNG File outline add image 01.04.png     PNG File outline add image 01.05.png     PNG File outline add image 01.06.png     PNG File outline add image 01.07.png     PNG File outline add image 01.08.png     PNG File outline add image 01.09.png     PNG File outline add image 01.10.png     PNG File outline add image 01.11.png    
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Epic Link: Initial Article editor

 Description   

This story describes how to add a lead image to the article outline, how the image can be resized & cropped and how meta data can be added to the image.

PLEASE NOTE: Although the mockups appear in a new visual design please ignore the styling. Only focus on mechanics & functionality!


Add Image to the outline, change image, delete image

1. In the outline there is a placeholder for a lead image.

2. Click on the placeholder or "select image" button and asset chooser will pop up to choose an image (or drag & drop file to the placeholder area).

3. Once an image has been chosen the image and form fields for meta data are visible.

4. Click the "add" icon on the image.

5. The asset chooser re-opens and a new image can be selected.

6. Click the "delete" icon on the image.

7. The image is deleted and the placeholder will re-appear.


Resize & crop image

1. Click the "resize" icon on the image.

2. The edit image dialog opens and you can edit the image (crop, rotate, flip) as given with common Magnolia actions.


Edit meta data

1. Use Tabulator or click into the form fields below the image.

2. The meta data can be entered into the fields.


Generated at Mon Feb 12 00:16:09 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.