- Issue created by @alex.skrypnyk
- Status changed to Postponed: needs info
4 months ago 9:17pm 7 March 2024
As a content producer
I want options to display images alongside content within a content component in different ways
So that I have options to build my page with images that are not all full width
Allow to control size and horizontal alignment of the image in WYSIWYG.
Ideally we want a couple of options
Full width - this is the current default
Float image left, wrap text right
Float image right, wrap text left
Image width = 1/3 body
Image width = 1/2 body - nice to have
We will need to consider:
Do we need to allow for captions? If so where are they added?
Is it bringing in unnecessary complexity asking for two widths? If so, choose one only.
Is the image a fixed aspect ratio? Meaning if uploaded image doesn’t fit the fixed ratio part of the image will be cropped using the focal point module (which we do not have in place).
Is the image a fixed width only, allowing the height to be flexible?
How does the wrapped text behave if the image ends in the middle of a paragraph? The text should continue below the image.
Do we expect to see the layout in the back end? Ideally yes.
NOT COMPLETE
AC 1 - Full width
Given I’m an authenticated user
When I add an image to a content component
Then I can choose to make the image display full width of the page body area
AC 2 - Float image left
Given I’m an authenticated user
When I add an image to a content component
Then I can choose to make the image display on the left of the page body
And wrap the text to the right
AC 2 - Float image right
Given I’m an authenticated user
When I add an image to a content component
Then I can choose to make the image display on the right side of the page body
And wrap the text to the left
Image width
Caption
Postponed: needs info
1.0
User interface