Width Percentage Control

Is really common for content editors the need to align and wrap text around images and other media elements, the Gutenberg editor provides a dimensions control for those cases.

Based on that we are providing a width percentage control for the content embedded from this module, that control alongside with the alignment allows the editors to generate that text wrapping effect.

As administrator you can decide which view modes will have this control available, for instance if you have full and teaser view modes, you can just enable this control for teasers. In that way when editors add the full content it will use the full width of the page but when they add the teaser they will be able to set it to use only the 50% width of the page.

Control Config

Gutenberg editor control

And this is the result they can produce:

For Themers

This feature is adding a class to the html element, it can be width-25, width-50, width-75, so you can use that class to control the width of the content.