- Issue created by @alex.skrypnyk
- Status changed to Postponed: needs info
about 1 year ago 9:17pm 7 March 2024 - Status changed to Closed: won't fix
about 1 month ago 2:20am 7 March 2025
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
This work is likely required for an upcoming project for AMOS if we win the project.
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
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?
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.
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
None
None
Drupal.org: Utilize Focal Point module in drupal theme
Discovery
Active
1.0
User interface