[CONTEDIT-17] Add image to the article story, resize & crop image, edit meta data Created: 09/Feb/17  Updated: 08/Sep/17  Resolved: 23/Feb/17

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

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

Attachments: PNG File story add image 01.01.png     PNG File story add image 01.02.png     PNG File story add image 01.03.png     PNG File story add image 01.04.png     PNG File story add image 01.05.png     PNG File story add image 01.06.png     PNG File story add image 01.07.png     PNG File story add image 01.08.png     PNG File story add image 01.09.png     PNG File story add image 01.10.png     PNG File story 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
Sprint: Basel 84
Story Points: 5

 Description   

This story is about enriching the article story with images. An image can be added to the story by clicking the add icon and selecting the image icon in the option bar. At this position the image will be inserted. The image can be changed, resized and cropped. 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 story, change image, delete image

1. Click add icon and select the image icon in the option bar.

2. A placeholder will be inserted.

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

4. Once an image has been chosen the image and form fields for meta data are visible in the article story.

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

6. The asset chooser re-opens and you can choose a new image.

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

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


Resize & crop image

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

2. The edit image dialog opens and you can edit the image (crop, rotate, flip) as given with the 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:13 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.